Thumbnail CSS - Firefox v IE

[Transcending]

Hi All,

Just a quick one.

www.splendor-solis.com now has the 5 latest thumbs at the bottom of the page - Works perfectly fine and looks good (imo) in Firefox, but not in IE.

In IE, it's put in the default colours for links, such as the blue for a link, purple for visited etc.

Any suggestions on how I can fix this?

I know, it *might* be possible to just add border="0" to the IMG tag, but I am not sure where I can get the IMG tag for <image_thumbnail_row>.

Cheers all!!!

[Joe[y]]

you can use border:0px; in your css sheet.

[Transcending]

Have tried this - Works perfectly fine in Firefox, does not in IE.

I will paste that part of the css when I get home.

Is there any particular css tag and then html code that you can recommend? IE; I am currently using "iimage_thumbs" tag, but this has only been put into the <td> - which I presume is the reason it's not working.

[lokjah]

more specific approach:

a img.current-thumbnail, a:link img.current-thumbnail, a:visited img.current-thumbnail, a:hover img.current-thumbnail, a:active img.current-thumbnail {
border: none;
}

more general approach:

#image_thumbs a img, #image_thumbs a:link img, #image_thumbs a:visited img, #image_thumbs a:hover img, #image_thumbs a:active img {
border: none;
}

try the first one and see how it works, if no go try the second. The first one addresses the class of the selected thumb, the second method handles all imgs within the image thumbs id.

hth

[lokjah]

oops my bad after looking at your style sheet first off you need to write a complete rule set for your links, FF and safari are very forgiving when it comes to that but IE to its actual credit (whoa imagine that, credit to ie for something) follows the rules.

looks like you want the border to be #444

so write:

a:link, a:visited {
color: #444;
text-decoration: underline;
}

a:hover {
color: #b3afaf;
text-decoration: underline;
}

always write your link rules in that order, very important, just remember LVHA (love hate) A is for active but I rarely use that, but if you do it goes last in your rule. this will control all the links on your pixelpost page. The #b3afaf was the only color you had on your link rule, so I put that in for your hover. change it to whatever you want.

[Transcending]

I don't think I'm going to win.

Thanks for that help - It certainly helped and I'm learning! :)

IE works ok now (although I'd rather a bit of padding between the 5 images, like in FF). Having said that though, now that FF doesn't have the border, it has one image below the others... :S

Is it possible to have the border, but have it #444444 because I tried adding a colour to that css but didn't work :S