<span> with netscape navigator

admin

Administrator
Staff member
<span valign=top style=text-align:center;width:120px;height:165px><br />
<img border=0 align="bottom" src=http://www.webdeveloper.com/forum/archive/index.php/BagImages/Thumbnail31.gif><br><br />
<br><span style=font-size:8pt>short desc</span><br><br />
<b>price</b><br><br />
<span style=font-size:8pt><img src=http://www.webdeveloper.com/forum/archive/index.php/images/bullet.gif>view</span><br />
</span><br />
<span valign=top style=text-align:center;width:120px;height:165px><br />
<img border=0 align="bottom" src=http://www.webdeveloper.com/forum/archive/index.php/BagImages/Thumbnail31.gif><br><br />
<br><span style=font-size:8pt>short desc</span><br><br />
<b>price</b><br><br />
<span style=font-size:8pt><img src=http://www.webdeveloper.com/forum/archive/index.php/images/bullet.gif>view</span><br />
</span><br />
<br />
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:<!--content-->may be because its not proper HTML???<br />
<br />
try validating your code using W3C (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->) validator,it will give you some idea<!--content-->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".<br />
<span valign="top" style="text-align: center; width:120px; height:165px"><br />
<img border=0 align="bottom" src=http://www.webdeveloper.com/forum/archive/index.php/"BagImages/Thumbnail31.gif"><br><br />
<br><span style="font-size:8pt">short desc</span><br><br />
<b>price</b><br><br />
<span style="font-size:8pt"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif">view</span><br />
</span><br />
<span valign="top" style="text-align:center;width:120px;height:165px"><br />
<img border=0 align="bottom" src=http://www.webdeveloper.com/forum/archive/index.php/"BagImages/Thumbnail31.gif"><br><br />
<br><span style="font-size:8pt">short desc</span><br><br />
<b>price</b><br><br />
<span style="font-size:8pt"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif">view</span><br />
</span><!--content-->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.<!--content-->
 
Back
Top