Forums Get help. Give help.
Trouble aligning my navbar - newbie
-
I am having trouble aligning the
- to the left hand side of the container.Hopefully by looking at the following code in a browser, it will make more sense.Thanks<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Pulling my hair outaside { width:288px; height:269px; background-color:#999999;}nav { background-color:#066; width:288px;}nav ul { list-style:none;}nav ul li a{ width:288px; display:block; color:#fff; line-height:53px; background-color:#8989d8; margin-bottom:1px; font: Verdana, Geneva, sans-serif;}nav ul li a:hover{ background-color:#898989;}
- Home
- link1
- link2
- link3
- link4
-
whoops!, I didn't know it was ghoing to do that.... I'll try again:
-
looks like I can't post code into this thing :(
-
Oh, I see... you can press the 'edit' button above the post to see the code :)
-
Great, thanks Senff
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Pulling my hair out
aside {
width:288px;
height:269px;
background-color:#999999;
}
nav {
background-color:#066;
width:288px;
}
nav ul {
list-style:none;
}
nav ul li a{
width:288px;
display:block;
color:#fff;
line-height:53px;
background-color:#8989d8;
margin-bottom:1px;
font: Verdana, Geneva, sans-serif;
}
nav ul li a:hover{
background-color:#898989;
}
Home
link1
link2
link3
link4
-
Aaaargh! it still renders the html :( I'll try comments
-
aside {
width:288px;
height:269px;
background-color:#999999;
}
nav {
background-color:#066;
width:288px;
}
nav ul {
list-style:none;
}
nav ul li a{
width:288px;
display:block;
color:#fff;
line-height:53px;
background-color:#8989d8;
margin-bottom:1px;
font: Verdana, Geneva, sans-serif;
}
nav ul li a:hover{
background-color:#898989;
}
[div id="contentWrap" class="wrapper"]
[/div]
-
Forget it :(
-
OK, relax. First, try editing your post until your happy instead of posting new ones.
Second, make sure that the code you post here is actually what you use on your site. I doubt your actual site doesn't have an actual HEAD declaration and contains "Pulling my hair out" right after the doctype. -
Thanks Senff, understood. I have copied my entire pages markup, but the forum still renders the
- bit.
-
bit
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Categories
- All Discussions15,493
- CSS Combat7,193
- Other Discussions3,820
- JavaScript Jungle2,455
- PHP Problems2,025
Tips
Just some helpful hints to get the most out of the forums.