here's the code:


 

Series 2 (none of these are shirts yet)


full html mode makes all the image thumbnails stack up, php code mode makes everything look more normal, but firebug tells me firefox doesn't see the second div, although the thumbnails are visible and where they should be. also it doesn't see some of the ends of the anchor tags, so clicking some of the thumbnails takes you to whatever the link before it was. could this be due to my inline styles? i'm pretty sure the markup is valid (as you can see)

Comments

ed523’s picture

let me try this again
here's the code:

<div style=" margin: 0px auto; display: block; width: 375px; clear: both">
<a href="http://www.mysite.com/node/42">
<img src="http://www.mysite.com/bwk-thmb.gif" style="padding: 5px; position: relative; left: -5px" alt="beaster work kirk" /></a>
<a href="http://www.mysite.com/node/43">
<img src="http://www.mysite.com/ptd-thmb.gif" style="padding: 5px;" alt="parm team darlene" /></a>
<a href="http://www.mysite.com/node/44">
<img src="http://www.mysite.com/hubbasbubbathmb.gif" style="padding: 5px;" alt="whos got my hubbas bubba" /></a>
<a href="http://www.mysite.com/node/45">
<img src="http://www.mysite.com/ktardthmb.gif" style="padding: 5px;" alt="k tard kate >
</a>
<a  href="http://www.mysite.com/node/46">
<img src="http://www.mysite.com/nitrous-mafiathmb.gif" alt="Nitrous Mafia Mike>
</a>
</div>
<br style="clear: both"/>

<p>&nbsp;</p>

<br />

<p>Series 2 (none of these are shirts yet)</p>
<div style="display: block; overflow: hidden; margin: 0px auto">
    <a href="http://www.mysite.com/node/183">
         <img src="http://www.mysite.com/thmb-cheese.gif" style="margin: 5px">
    </a>
    <a href="http://www.mysite.com/node/278">
       <img src="http://www.mysite.com/thmb-blowout.gif" alt="Blowout Betty" style="padding: 5px;"/>
    </a>
    <a href="http://www.mysite.com/node/279">
        <img src="http://www.mysite.com/thmb-panic.gif" alt="widespread wayne" style="padding: 5px; />
    </a>
    <a href="http://www.mysite.com/node/280">
        <img src="http://www.mysite.com/thmb-andy.gif" alt="Candy Flippin' Andy" style="padding: 5px; />
     </a>
     <a href="http://www.mysite.com/node/281">
         <img src="http://www.mysite.com/thmb-slack.jpg" alt="Slack Peter" style="padding: 5px; />
      </a>
</div>
<br style="clear: both"/>

full html mode makes all the image thumbnails stack up, php code mode makes everything look more normal, but firebug tells me firefox doesn't see the second div, although the thumbnails are visible and where they should be. also it doesn't see some of the ends of the anchor tags, so clicking some of the thumbnails takes you to whatever the link before it was. could this be due to my inline styles? i'm pretty sure the markup is valid (as you can see)