Hi, I'm currently making a website for a friend and I and I've encountered a problem, my menu text is not positioned in the center of the box. ( http://imgur.com/SNsGB ) Here is the CSS code i'm using.
#navMenu ul li a {
font-family:helvetica;
text-decoration:none;
text-align:center;
height:50px;
width:230px;
display:block;
color:#ffffff;
background:#1a1a1a;
background-image:url(images/menubar.png);
background-repeat:no-repeat;
text-shadow:1px 1px 1px #000000;
text-align:center;
}
Update:Here, (HTML CODE) http://pastebin.com/yvPEckcA
Here, (CSS CODE) http://pastebin.com/K90GKt6R
Copyright © 2024 QUIZLS.COM - All rights reserved.
Answers & Comments
Verified answer
in order to help properly we need all the css and all the html, post that and I will re check..
aside from a little bad coding elsewhere there looks to be nothing wrong with the menu, I rendered it in IE and firefox bur failed to see the issue you have pointed out.. what browser are you using ?
also find a web design forum, yahoo answers is crap for this sort of question
You declared text-align twice.
Also get rid of the height:50px;
Use padding-top and padding-bottom to do that for you
i will only think of what you're attempting to declare in that incoherent theory... yet what I convey jointly is which you pick a fastened background. If no longer, then learn English and attempt returned. if so, this is the valuables: background-attachment: fastened;
try using
padding-top:10px;