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.
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...
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 :-) )
<%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 & Web Development.
rgbworld.com
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 & Web Development.
rgbworld.com
Folder icons for Categories