Stephen Poley <sb******************@xs4all.nl> writes:
Right, I finally understand you. If you're happy that browser resizing
of images is of sufficient quality for your needs, then something like
the following should do it (untested). Stick the images in a div (id
mydiv for the sake of argument) and add CSS:
#mydiv { text-align: center; }
#mydiv img { width: 20%; margin-left: 5%; margin-right: 5%; }
Stephan, Sorry to be such a pest or thick skulled but, I'm not
familiar with the notation you're using and don't see it in refernces
I've looked thru on the web.
What does the technique you suggest look like in actual practice:
<div ID="mydiv" { text-align; cneter; }
<!--And then does the:-->
<!-- mydiv img { width: 20%; margin-left: 5%; margin-right: 5%; }-->
<!-- go inside of each `img' tag, or is it different for each or what? -->
<!-- Like this one:-->
<mydiv img { width: 20%; margin-left: 5%; margin-right: 5%; }
src="some.gif" border="0" align="center"
width="120" height="140" alt="some splash"> </mydiv>
<!--Or show me on these:-->
<a
href="http://www.adobe.com/products/tryadobe/main.jsp#product=39"><img
src="images/Photoshop-csWebGraphicFILL.gif" border="0" align="center"
width="120" height="140" alt="Photoshop CS splash"></a>
<a
href="http://www.apple.com/quicktime/"><img
src="images/quicktime.png" align="center"
border="2" alt="quicktime logo"></a>
<a
href="http://www.adobe.com/products/tryadobe/main.jsp#product=39"><img
src="images/IllustratorWebGraphicFILL.gif" border="0"
width="120" height="140" align="center" alt="Illustrator CS splash"></a>
</div>