If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

need assistance with Responsive web development

I've read several books and raticles on Responsive web development and thought I understood it. However, I tried to put the RWD into a site I creating strictly for mobile devices. I hope someone out there can point me in the rightb direction.

I created two stylesheets (1) styles.css that contains the general css calls and a second one to hold the@media checks. The course I took used <a class="banner" href="banner_small.png"></a> as an example to dynamically display an image bassed on the @media located in the responsive.css file.

It looked simple enough, but I guess I didn't understand because the image is not displayed.

No sense in doubling/tripling/etc up on your code. If <header> has a style that is consistent between all queries, just have header {display: block; position: relative; etc:etc;}. Those are the same within all your queries. Only put the code that changes in your query sections. So just have code outside of your query statements that applies to all, then specific code within the relative sizes. Know what I mean?