Gossamer Forum
Home : Products : Gossamer Links : Discussions :

Folder icons for Categories

Quote Reply
Folder icons for Categories
I have a few css issues with IE on pc only.

The biggest one is Folder icons next to category names...
In IE pc, the Category Name is on top of the folder icon.
I have tried in vain to move it 20 pixels to the right, but it doesn't work.
See example at www.supportmusicians.com

The text issue is visible on the home page in Categories, AND on Category pages in the leftsidebar.
Here's the css used for the sidebar folder icons.

Code:
#infobox {
margin: 0px 0px 15px 0px;
padding: 0px 0px 4px 0px;
width: 100%;
border: 2px solid #4682B4;
background-color: #DCDCDC;
}

#infobox dl, #category #infobox dl{
width: 100%;
padding-right: 10px;
}

#infobox dt {
margin: 0px 0px 6px 10px;
}

#infobox dt a {
font-weight: normal;
font-size: 12px;
padding-left: 20px;
background: transparent url(images/folder-c.gif) top left no-repeat;
}

#infobox p {
margin: 6px 0px 4px 10px;
padding-bottom: 0px;
}

My custom leftsidebar css...
Code:
#sidebar_ck {
margin: 65px 0px 0px 15px;
padding: 0px 0px 0px 0px;
width: 185px;
float: left;
position: absolute;
background-color: none;
}

Here's my entire leftsidebar.html (it's short :-) )
Code:
<div id="sidebar_ck">

<%if page_id eq "home"%>
<div id="infobox">
<h2>Support Musicians.com</h2>
<p><%welcome%></p>
</div>
<div id="infobox">
<h2>Stats</h2>
<p>The Musicians Database has <strong><%grand_total%></strong> music links.</p>
</div>
<%else%>
<div id="infobox">
<h2>Database Categories</h2>
<div class="clear">
<%main_categories%>
<%loop main_categories_loop%>
<%if row_num == 1%><dl><%endif%>
<dt><a href="<%build_root_url%>/<%Cat_Name%>"><%Full_Name%></a></dt>
<%if row_num == $main_categories_loop.length%></dl><%endif%>
<%endloop%>
</div>
</div>
<%endif%>

<%if page_id eq "category"%>
<div id="infobox">
<h2>Recent Additions</h2>
<div class="clear">
<p><%new_cat($ID)%></p>
</div>
</div>
<%endif%>

</div>

Can anyone suggest a fix that won't break other browsers?
It works in Safari, IE Mac and Firefox mac or pc.

Thank you,
Chris
RGB World, Inc. - Software &amp; Web Development.
rgbworld.com
Quote Reply
Re: [rgbworld] Folder icons for Categories In reply to
I am willing to pay someone (GT, Adrian, others) to help me fix a few browser specific issues relating to GLinks3 and Internet Explorer on the PC. I must ask for help because I do not have a pc for development.

The issues are actually pretty minor, except for the fact that they affect my home page and half of the "in-use" browsers on the planet. These are all css issues.

IE 5 and 6 on pc...
• Home page linklisting shows with #000000 bkground, should be #DCDCDC
• New Links - Displays folder-list of dates, but initially displays only half of the list, the other part is covered in black. Simply moving the mouse over the list of dates causes a redraw, and it fixes itself.

IE 5 on pc...
• Folder icons everywhere are underneath the type.

Category dividers, some show in white like they should, then, the next one on the same page with same styles is in blue.

That's it.

Please see the picture in the next post to see the glitches I have.
Again... I will pay someone to fix these issues. I cannot keep fighting this stuff.
I bought GLinks in December, and currently it looks fine in lets just say half of the browsers.
I still think GLinks is a great product and the GT team is great too as well as board members,
but... that doesn't fix my website :-)

Thanks for any help. If quoting on fixing these issues, please give a rough est. of $ and time involved.

Chris
RGB World, Inc. - Software &amp; Web Development.
rgbworld.com
Quote Reply
Re: [rgbworld] Folder icons for Categories In reply to
A picture tells a thousand words. Like my new $1000 web site? <gripe> :-)


RGB World, Inc. - Software &amp; Web Development.
rgbworld.com