CSS problem in IE & FF

danindublin

Hi Guys,

Im sure this is something really simple I've missed out on. I've created list which is 4 png transparent images used as a menu. I've been working away in Safari and didnt notice that the standard windows hyperlink outlining was happening. I know i've probably forgot something simply but any help would be much appreciated. I spent/wasted a few hours trying to figure this out last nyte :mad:

HTML:

<div id="box7">
<ul>
<li><a href="index.php"><img src="home.png" alt="home" /></a></li>
<li><a href="rehearsals.php"><img src="rehearsals.png" alt="Rehearsals" /></a></li>
<li><a href="competitions.php"><img src="competitions.png" alt="Competitions" /></a></li>
<li><a href="http://www.bebo.com"><img src="bebo.png" alt="bebo" /></a></li>
</ul></div>

CSS:

#box7
{
	z-index:12;
	position:absolute;
	top:125px;
	left:50%;
	margin-left:-365px;
	width:125px;
	font: 86% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align:justify;
	height:120px;
}

#box7 ul {
	position:relative;
	list-style:none;
	margin: 0;
	padding: 0;
}

#box7 li {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom:0px;
}


a:link {font-weight: bold; text-decoration: none; color: #808080}
a:visited {font-weight: bold; text-decoration: none; color: #808080}
a:hover {font-weight: bold; text-decoration: none; color: #cc0000}
a:active {font-weight: bold; text-decoration: none; color: #cc0000}

yeraulone

Hello

Add this...

img{
border:none;
}

That will get rid of the link image borders (if thats what you mean)

Cheers

danindublin

Doesnt seem to have done much. This is what im not getting (image appear then stretches like this now

Malice

danindublin wrote: »

I've been working away in Safari and didnt notice that the standard windows hyperlink outlining was happening.

What do you mean by "standard windows hyperlink outlining"? Do you mean the blue border that IE puts around images that are links? If so then, yeraulone's code should fix that for you.

Looking at the screenshot you posted, the red 'x' beside the word home suggests to me that there is an image missing but I've never used Safari so maybe thatmeans something else.

Gordon

danindublin wrote: »

Doesnt seem to have done much. This is what im not getting

I'm confused, this is what you are NOT getting and should be getting? Do you have an online version?