...

View Full Version : CSS display anchor block format



Ryltar
01-26-2005, 08:49 PM
Ok, this code is not working. It shows the links as a normal line... not as a block or box like I want it to be (an image link with out the image you could say). What is wrong with it?


div#topMenu {

text-align: center;

}

div#topMenu a.topMenuA {

display: block;

height: 20px;
width: 205px;

font-size: 20px;
font-family: arial, "lucida console", sans-serif;
text-decoration: none;

background-color: #ffffff;
color: #000000;

border-style: solid;
border-color: #000000;
border-width: 1px;

text-align: center;

padding: 3px;

}

div#topMenu a:hover a.topMenuA {


font-size: 20px;
font-family: arial, "lucida console", sans-serif;
text-decoration: none;

padding: 2px;

background-color: #ffffff;
color: #0000ff;

}



<div id = 'topMenu'>
<a class = 'topMenuA' href = 'XXXX'>XXXX</a>
<a class = 'topMenuA' href = 'YYYY'>YYYY</a>
<a class = 'topMenuA' href = 'ZZZZ'>ZZZZ</a>
</div>

Ryltar
01-27-2005, 07:55 PM
Figured it out... stupid me forgot to change one letter...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum