Fri, 2004-09-24 22:03
encountered another odd problem -
the links on this page:
http://www.mugshotmagazine.com/Articles.php
right below the header, work fine in all browsers except IE. The rollover image that comes up is a replacement for the regular dot that comes up when you make a standard html list, and is based on this tutorial: http://css.maxdesign.com.au/listutorial/07.htm - the only difference being that I've made the list horizontal, and not vertical...
any thoughts?
CSS below...
#columnleft-article {
margin-top:10px;
margin-left:10px;
width:405px;
padding:0px;
float:left;
background:#FFF;
}
#columnrightbottom-article {
width:340px; /* IE Must have Width to work right */
margin-left:5px;
padding:5PX;
height:286px;
overflow:auto;
}
#columnright-article {
margin-top:10px;
margin-left:5px;
width:340px;
padding:0px;
float:left;
background:#FFF;
}
#list ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
#list li
{
display:inline;
}
#list li a
{
padding-left: 1em;
display:inline;
}
#list li a:hover
{
background-image: url("Images-GUI/orangeninja.jpg");
background-repeat: no-repeat;
padding-left: 1em;
display:inline;
}
Fri, 2004-09-24 22:42
#1
custom link/list image not working in IE/PC...
This is just a stab and will prolly make no difference. But using linux from time to time has given me an abhorrence for hyphens, capitals, and quotations in urls. They always seem to screw up somehow.
Sat, 2004-09-25 09:58
#2
custom link/list image not working in IE/PC...
Two points for consideration, your page doesn't validate, I would put a full dtd in the head before anything so that the page renders in standards mode not quirks and secondly the embeded style declarations should be in the <head> section.
Hugo.
Sat, 2004-09-25 20:31
#3
custom link/list image not working in IE/PC...
perhaps ii is choking on that extra bit of style that is php included with the pagnation for the images in the left. I'll see it moving that into the regular style sheet helps, and look into the dtd as well I obviously haven't gotten to validating, so we'll see where that gets me.
I don't suspect iths' the dashes ("-") in the url or other styles, since that one bit of style doesn't have any, and those that do don't have a problem running... I ain't ruling it out though...
Sat, 2004-09-25 22:59
#4
custom link/list image not working in IE/PC...
tried removing dash in url, nothing. removed that misplaced embedded style, still nothing.
I took everything way back to basics, and still can't get a result on PC/IE. everywhere else its fine:
Sat, 2004-09-25 23:27
#5
custom link/list image not working in IE/PC...
AH HA!
not having a background:transparent tag in there is what was throwing IE off, like so:
#list li a
{
padding-left: 1em;
display:inline;
background:transparent;
}