I'm (to all intents and purposes) new to web-design, and just starting to work on my first complete site. While I have hacked around basic HTML in the past, and done minor adjustments to other peoples' templates, CSS is entirely new to me, and I'm trying to get everything "right" the first time.
As expected, I've run into a few problems along the way, and would appreciate any help or suggestions that members of this forum might have:
http://www.m3ta.com/test/ (please ignore colour-schemes and fonts for the moment!) If it's relevant, the images will be different for each section, but can be assumed to always be the same size as each other.
* I would like the html to be <h4>...</h4> <img.../> <p>...</p> (so that images appear below the appropriate header when unstyled) but have the headers appear next to the images when styled. This seems easy enough if I put the image before the header (sections 3 and 4 of the test page), but I can't see how to do it with the html in the "right" order (sections 1 and 2). <div style="clear:both;"></div> works, but I'm trying to avoid any unnecessary markup.
* In IE6 (but not IE5 or firefox), the border around the images touches the border around the divs when the images is floated left but not when floated right.
* IE5 seems to ignore the padding around the image (inside the border). If this wasn't a mistake on my part, is there any way to get IE5 to use a larger margin to compensate?
* IE4 puts the image flush up to the header, rather than leaving a small margin.
(older versions of IE were tested using the multiple-IE hack, so not sure how reliable that is, testing with other browsers to be done later.)
Thanks for any help,
Some help with my first site?
got it all working (more or less). thanks to anyone who took a look.