5 replies [Last post]
TheJoe
Offline
newbie
Last seen: 17 years 31 weeks ago
Timezone: GMT+5
Joined: 2004-05-02
Posts: 9
Points: 0

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;
}

Root
Offline
Enthusiast
Brighton UK
Last seen: 14 years 43 weeks ago
Brighton UK
Joined: 2004-09-08
Posts: 76
Points: 0

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.

No class, little style and a lotta division.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

TheJoe
Offline
newbie
Last seen: 17 years 31 weeks ago
Timezone: GMT+5
Joined: 2004-05-02
Posts: 9
Points: 0

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

TheJoe
Offline
newbie
Last seen: 17 years 31 weeks ago
Timezone: GMT+5
Joined: 2004-05-02
Posts: 9
Points: 0

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:

http://mugshotmagazine.com/styletest2.html

TheJoe
Offline
newbie
Last seen: 17 years 31 weeks ago
Timezone: GMT+5
Joined: 2004-05-02
Posts: 9
Points: 0

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;
}