I have this website with no responsive layouts. I think this is a total mess. Text in px and more. Can somebody help me rewrite CSS to responsive layouts? Here is that website: http://www.furniturefinder.biz Thanks
Your current template reeks of 1997. Instead of trying re-writing it, find a nice responsive template out there (avoid anything bootstrap though) and transfer your current lists / texts / graphics into it. And you will be able to do this completely on your own.
I doubt that rewriting the CSS is going to solve anything. The page is broken structurally, and mobile devices have very little tolerance for trash markup. You need to start by getting rid of the weak transitional doctype and fixing the validation errors. Then look at the layout which is really where you have to start. CSS is not going to save you if you have a stacked div structure in a rigid format. The current tag soup is just too badly damaged to be converted to a responsive format.
Yeah, this isn't just about rewriting the CSS. Responsive layout is (or at least should be) the last in a long string of steps in accessible design. That's design as in engineering, user interaction and accessibility, not as in "ooh looksies I cans drawz pretties pikturz". Semantic markup is the first step -- using HTML to say what things ARE and NOT what you want them to look like. You don't have that. Without that first simple step implementing any of the other steps along the way like separation of presentation from content, graceful degradation, semi-fluid elastic design are impossible, meaning tacking responsive on it is an uphill fight at best, an exercise in futility at worst. I mean you have a form without fieldsets wrapping the fields, you have fieldsets + legends around non-form elements, attributes like BORDER and TARGET that have no business on any website written after 1997, endless pointless DIV, ID and classes for nothing, clearing DIV like it's still 2001, static style inlined in the markup, no MEDIA targets on the external stylesheets, endless pointless scripttardery for **** knows what (looks like a broken attempt at lightbox), pointless redundant TITLE attributes, multiple anchors doing the job of one, paragraphs around things that are not grammatical paragraphs... At 13.3k of markup that might seem lightweight, but given there's only six content images and 1.33k of plaintext that's still two to three times what should have been used to build such a page. I see no telltales of what it's running under the hood server-side for a commerce system? Without knowing what it's running under the hood it's hard to say how hard or easy changing it would be. Though... damn, is that CRELoaded? If so I have a sneaking suspicion just which snake oil peddler built that site. It has all the hallmarks of his sleazy practices and outright ignorance of accessibility, usability much less the technologies on which websites are built. I could be wrong, but I see certain fingerprints in there...
This is a template for Price Tapestry script. I've bought this template a few years ago from guy from UK. Now I'm looking for new templates. But everything is made with bootstrap. And everything is a really crap. I started to change this template here: http://www.furniturefinder.biz/store/ Removed a few things, changed CSS -and Google mobile checker says: This site is mobile friendly. Of course is not. If you can take a further look - I can create FTP connection for you. Thans.
Hi, when you are ok with the current template try to develop you css in '%' not in 'Px', use @media CSS, not bootstrap, so that you can easily build up your site with responsive Thanks
Responsive layouts possible in two ways:- A responsive layout in single CSS page you can create 320p 640p 1080p resolution CSS with necessary javascript. Another Option is bootstrap layouts like bootstrap 2.5 3.0 4.0 there are classes you can use them and linked on CSS and javascript jQuery implement on websites
I wish there was a way to downvote idiotic answers - because this is one of them. No, you don't use javascript todiffer between different CSS-files, and no, you don't need Bootstrap or jQuery or any other javascript to choose between different CSS-files. This is what we have @media-queries INSIDE CSS-files for. No need for javascript to make responsive layouts, no need for bloated frameworks, and with proper coding, there's almost NO need for even @media-queries, apart from some minor adjustments.
What planet are you from somnathji? Planet dumbass perhaps? Best practice is to use the simple methods instead of making a bad situation worse by adding more bloated crap. I suggest you find some tutorials on the basics of web development instead of making a fool of yourself with nonsense postings.