Link Manager 3.0 Support Thread

[CoolCarPartsOnline]

This is the code with the correct classes which will give you the three across display:

This is the css for this display:

.linkstext{padding: 10px 0;float:left;width:33%;text-align:center;font-size:1em;}

<h1>Links</h1>

<div class="linkstext"><a href="http://www.mysticmountainnaturals.com/demotest/index.php?main_page=links&amp;lPath=6">
       <img src="images/link_category/bath_beauty.png" alt="Bath and Beauty" title=" Bath and Beauty " width="80" height="80" /><br />Bath and Beauty</a></div>
<div class="linkstext"><a href="http://www.mysticmountainnaturals.com/demotest/index.php?main_page=links&amp;lPath=8">
       <img src="images/link_category/candles.png" alt="Candles" title=" Candles " width="80" height="80" /><br />Candles</a></div>
<div class="linkstext"><a href="http://www.mysticmountainnaturals.com/demotest/index.php?main_page=links&amp;lPath=10">
       <img src="images/link_category/computers.png" alt="Computers, Electronics, Gadgets" title=" Computers, Electronics, Gadgets " width="80" height="80" /><br />Computers, Electronics, Gadgets</a></div>

Your display is as follows:
If you are going to use this <div class="content"> you will have to define the content class in the stylesheet so that it will out put the proper display:

.content{padding: 10px 0;float:left;width:33%;text-align:center;font-size:1em;}

However doing this will have an effect on other pages which use the content class for display.

My recommendation would be to use the class="linkstext" instead of the class="content"

<h1>Links</h1>
<div class="content"><a href="http://www.coolcarpartsonline.com/index.php?main_page=links&amp;lPath=1">
       <img src="images/link_category/Automotive_Category_image.bmp" alt="Automotive" title=" Automotive " width="80" height="60" /><br /><div class="linkboxcontent">Automotive</div></a></div>
<div class="content"><a href="http://www.coolcarpartsonline.com/index.php?main_page=links&amp;lPath=2">
       <img src="images/pixel_trans.gif" alt="Business" title=" Business " width="1" height="1" /><br /><div class="linkboxcontent">Business</div></a></div>
<div class="content"><a href="http://www.coolcarpartsonline.com/index.php?main_page=links&amp;lPath=3">
       <img src="images/pixel_trans.gif" alt="Test" title=" Test " width="1" height="1" /><br /><div class="linkboxcontent">Test</div></a></div>

Thanks for the quick response.
2 other questions.
If you take a look at this link: http://www.coolcarpartsonline.com/links.html?lPath=1 How can I adjust the padding in the left side?
Also the header have switched down after playing with the css i added for this mod. This will only show in FF not IE. There is a gap added between the nabigation and the logo wrapper I don't know how to get rid of it.