...

View Full Version : Hyperlink Space



TheCase
04-14-2011, 10:07 PM
Hi,

This is my code



<div id="left"></div> <div id="right"> <a class='menu' href='' >Home |</a><a class='menu' href='' >Rota |</a><a class='menu' href='' >Rota |</a><a class='menu' href='' >Rota |</a><a class='menu' href='' >Rota |</a> </div>




#left {

float:left;
width:607px;
height:164px;
background-image:url(images/leftheader.png);


}

#right {

margin-left:88px;
height:164px;
background-image:url(images/rightheader.png);



}

a.menu {font-family:Georgia,serif; font-size:25px; text-decoration: none; margin-right:500px; top:50px; position:relative;
text-align: left;}
a.menu:link {color:white; text-align: left;}
a.menu:visited {color: white; text-align: left;}
a.menu:hover {border-bottom:1px solid lightblue; text-decoration: none; text-align: left; }
a.menu:active {color: white;text-decoration: none; text-align: left;}


The problem is there is a hugh space between each link. Any reason why

Thanks

VIPStephan
04-14-2011, 11:39 PM
The problem is there is a hugh space between each link. Any reason why

Maybe because of the huge right margin of 500px you apply to the anchors in your stylesheet?

TheCase
04-15-2011, 12:04 AM
Oops didnt notice that. That worked thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum