Jump to content

Strange Underlining


Recommended Posts

Heya,I have this strange problem with my navigation links. I put text decoration none on the css but on some browsers it shows half of them still being underlined.I cannot seem to find what is wrong with it, I can avoid it by changing the destination link name but thats not a solution. Heres my html and css.

<body id="body"><div class="container">	<div class="header">		<div class="logo">MYLOGO</div>		<div class="menu">			<div class="link"><a href="index.html">Home</a></div>			<div class="link"><a href="portfolio.html">Portfolio</a></div>			<div class="link"><a href="about.html">About</a></div>			<div class="link"><a href="blog.html">Blog</a></div>			<div class="link"><a href="contact.html">Contact</a></div>		</div>	</div></body>

a:link {	color:#FFFFFF;	text-decoration:none;}a:visited {	color:#FFFFFF;}a:hover {	color:#FFFFFF;}a:active {	color:FFFFFF;}.content_container {	width:960px;	height:540px;	background-color:#0099FF;}.header {	background-image:url(background/header.gif);	background-repeat:no-repeat;	height:45px;}.logo {	width:200px;	height:45px;	margin-left:100px;	background-color:#EB4038;	float:left;	color:#FFFFFF;}.menu {	height:auto;	width:490px;	height:45px;	float:right;}.link {	width:auto;	height:auto;	float:left;	margin:10px 25px 0px 0px;	font-size:24px;}

Right now, safari underlines 'home' and 'about'.IE underlines 'home' and 'contacts'.chrome on pc underlines just 'home'.firefox is all good on pc/ mac.Anyone help please?Thanks

Edited by juice1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...