Click to See Complete Forum and Search --> : <span> with netscape navigator


smile
09-18-2003, 08:38 AM
<span valign=top style=text-align:center;width:120px;height:165px>
<img border=0 align="bottom" src=BagImages/Thumbnail31.gif><br>
<br><span style=font-size:8pt>short desc</span><br>
<b>price</b><br>
<span style=font-size:8pt><img src=images/bullet.gif>view</span>
</span>
<span valign=top style=text-align:center;width:120px;height:165px>
<img border=0 align="bottom" src=BagImages/Thumbnail31.gif><br>
<br><span style=font-size:8pt>short desc</span><br>
<b>price</b><br>
<span style=font-size:8pt><img src=images/bullet.gif>view</span>
</span>

Why does this code work lovely with internet explorer but not with netscape navigator?? The effect I'm after is for an image to appear with text under and then the next image and text, to be placed next to the previous running horizontally to fill the width of a window and then wrap vertically, all without using tables.:confused:

Khalid Ali
09-18-2003, 08:45 AM
may be because its not proper HTML???

try validating your code using W3C (http://validator.w3.org/) validator,it will give you some idea

gil davis
09-18-2003, 08:51 AM
Netscape Navigator (and W3C specifications) require quotes to delimit the SRC attribute of the image tag, and inline styles. Actually, it is preferred practice to delimit *all* string attributes in an HTML tag. IE just doesn't seem to care, and that allows "sloppy coding".
<span valign="top" style="text-align: center; width:120px; height:165px">
<img border=0 align="bottom" src="BagImages/Thumbnail31.gif"><br>
<br><span style="font-size:8pt">short desc</span><br>
<b>price</b><br>
<span style="font-size:8pt"><img src="images/bullet.gif">view</span>
</span>
<span valign="top" style="text-align:center;width:120px;height:165px">
<img border=0 align="bottom" src="BagImages/Thumbnail31.gif"><br>
<br><span style="font-size:8pt">short desc</span><br>
<b>price</b><br>
<span style="font-size:8pt"><img src="images/bullet.gif">view</span>
</span>

smile
09-19-2003, 02:36 AM
Thanks for the suggestions. I've tidied the code up and put " marks where required. However, no change, so I will try W3C not seen this one before, but I'll give anything a go.