@johndoe190Jul 04.2004 — #Yes but please use CSS more to control presentational features like width,height etc becuase they are depreciated attributes.
No, width and height for the <img /> attribute are fine, Sharkey, seeing as <img /> is presentational markup as it is- just with no substitute unless you use the Shea Image Replacement (or another method) like so:<i> </i>#flag {width: 88px; height: 31px; overflow: hidden; position: relative;} #flag span {position: absolute; height: 100%; width: 100%; background: url(images/flag.gif) no-repeat);} ... <p id="flag"><span></span>A flag!!! W007!</p> But that's too much work, the <img /> tag _is_ an image, even if images are presentational... I'm rambling now, so I'll just close with reminding everyone that's IMO, and that it _is_ debatable, but this isn't the thread to discuss it.
</offtopic>
Mr. J's right, and you could also do it the following ways:
margin: x y; where x is the top and bottom margins and y is the left and right margins, and also
margin: x y z n; where x is the top margin, y is the right margin, z is the bottom margin, and n is the left margin.
@Paul_JrJul 05.2004 — #[i]Originally posted by sharkey [/i]
[B]Yes but please use CSS more to control presentational features like width,height etc becuase they are depreciated attributes. [/B][/QUOTE] The height and width attributes are deprecated only for the <table> element — they are perfectly valid for images. [I]Originally posted by Omega[/i]
[b]
<i> </i>#flag {width: 88px; height: 31px; overflow: hidden; position: relative;} #flag span {position: absolute; height: 100%; width: 100%; background: url(images/flag.gif) no-repeat);} ... <p id="flag"><span></span>A flag!!! W007!</p>[/B][/QUOTE] That, in my opinion, is overly complex — this would do just fine <i> </i>div#container { height: 75px; width: 200px; background: #FFF url(images/background.jpg) no-repeat left center; } div#container span { display: none; } ... ... ... <div id="container"><span>This text won't be seen, but the image will be</span></div>
[i]Originally posted by philaweb [/i]
[B]Why not make standalone style codes pure?
Like this:
[CODE]<img src=image.jpg" style="margin:5px;height:50px;width:50px" />[/CODE] [/B][/QUOTE] Not defining the dimensions of an image can cause the page to load slower (or so I've heard...), and you might see things shift around when the image starts loading and shoves everything aside so it can fit.
I would say those thumbnails are a list of images, and therefore should be marked up as a list. Vladdy has a great example located <[url=http://www.vladdy.net/Demos/Gallery.html]here[/url]>