Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2004
    Location
    Kansas
    Posts
    86
    Thanks
    2
    Thanked 0 Times in 0 Posts

    CSS: Displaying a link in a box

    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?
    Code:
    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;
    
    }
    Code:
    <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>
    Last edited by Ryltar; 01-27-2005 at 08:55 PM.

  • #2
    New Coder
    Join Date
    Nov 2004
    Location
    Kansas
    Posts
    86
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Figured it out... stupid me forgot to change one letter...
    Last edited by Ryltar; 01-27-2005 at 09:08 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •