Link Manager 3.0 Support Thread

[CoolCarPartsOnline]

I have an issue with the way the categories are displayed in the center colum. The CSS included with the mod is correct but I can't get the output on the site to match the CSS.

I have the link manager configured to display 3 categories per row. But the output on the site is one column I even added 4 categories and still get only one column. I am not using the original css so I have changed some of the classes to match my templete but I didn't do anything to the module files so It should work fine. I integrated the stylesheets with my original Stylesheet.

Please let me know if there is a fix for that before I continue implementing the classes of my templete in this mod's templete.
a link of the page is www.coolcarpartsonline.com/links.html

[clydejones]

I have an issue with the way the categories are displayed in the center colum. The CSS included with the mod is correct but I can't get the output on the site to match the CSS.

I have the link manager configured to display 3 categories per row. But the output on the site is one column I even added 4 categories and still get only one column. I am not using the original css so I have changed some of the classes to match my templete but I didn't do anything to the module files so It should work fine. I integrated the stylesheets with my original Stylesheet.

Please let me know if there is a fix for that before I continue implementing the classes of my templete in this mod's templete.
a link of the page is www.coolcarpartsonline.com/links.html

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>

[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.

[clydejones]

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.

#1: Open includes/templates/YOUR_TEMPLATE/common/tpl_header.php
find the following section of code and delete or comment out the highlighted portion:

<div class="clearBoth"></div>
<!--eof-branding display-->

<!--bof-navigation display-->

#2: add the following declaration to your stylesheet.css (includes/templates/YOUR_TEMPLATE/css/stylesheet.css)

#ezPageDefault p {
padding: 0 10px;
}

[colemanpa]

I have a question sorry if it's all ready answered but there so many threads here, the module looks great when you set up a link it asks for a Reciprocal Page a URL http://www.domain.com/links.php, now does this mean that the other site has to have this module installed for this to work, or can you just place a file on the other server? and when requesting links from others what links.php do I give them /includes/languages/english/template/links.php is that the right one?

pete

[clydejones]

I have a question sorry if it's all ready answered but there so many threads here, the module looks great when you set up a link it asks for a Reciprocal Page a URL http://www.domain.com/links.php, now does this mean that the other site has to have this module installed for this to work, or can you just place a file on the other server? and when requesting links from others what links.php do I give them /includes/languages/english/template/links.php is that the right one?

pete

Reciprocal Page: The absolute URL of your links page, where a link to our website will be listed/displayed.
Eg: http:// your-domain .com/path/to/your/links_page.*

In other words if I go to your site and create a link to my site I would put something like this in the Reciprocal Page field:

http:// www. domain.com/index.php?main_page=links&lPath=6

This is where I've placed the link to your site on my site.

If I don't have the module installed I would still use something similar such as:
http:// www.domain .com/my_links_page.*

Hope this helps

[colemanpa]

I seem to have a problem the module showed up in admin under configuration and extras but there no sidebox, any ideas?

pete