2 replies [Last post]
SilvaRizla
Offline
newbie
Last seen: 12 years 51 weeks ago
Joined: 2007-12-10
Posts: 2
Points: 0

Hi,

I'm having a problem aligning the nav menu text to the rest of the nav menu. Below is the html and css, appologies if its messy, I've done so many different things to this so far. I have also attached a pic of what the problem looks like to view in browser.

HTML

CSS ul {

text-align: left;

}
(Used elsewhere for site)

#navigation {

position: relative;
top: 0px;
z-index: 100;

height: 190px;

margin-left: 6px;

margin-right: 6px;

background-color: black;

margin-top: 0px;

font-weight: normal;

}

#navmenu{
padding: 0;
/*width: 100%;*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
position: relative;
/*top: 160px;*/

}

#navmenu ul{
font: bold 14px "Trebuchet ms";
margin: 0;
/*margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
text-align: left;
}

#navmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
position: relative;
}

#navmenu a{
float: left;
display: inline;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 2px;
background-color: #092F9A; /*Default menu color*/
border-bottom: 1px solid white;
}

#navmenu a:hover{
color: black; /*Menu hover font color*/
}

#navmenu #current a{ /*currently selected tab*/
background-color: black;
border-color: black;
color: #FFFFF4;
padding: 0;
}

#navmenuline{
clear: both;
padding: 0;
/*width: 100%;*/
height: 5px;
line-height: 5px;
background: black;
}

Does anyone know what the problem is? I've just about had enough of pulling my hair out!

AttachmentSize
NAProblem.jpg52.58 KB
SilvaRizla
Offline
newbie
Last seen: 12 years 51 weeks ago
Joined: 2007-12-10
Posts: 2
Points: 0

SilvaRizla wrote:Hi,

It's ok I fixed it, I didn't put the width: 102px; in the #navigation.

If you spot anything else that could tidy things up etc and would like to point it out I would appreciate that

thanks

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Could you show us ALL your

Could you show us ALL your HTML to have a look at?

Verschwindende wrote:
  • CSS doesn't make pies