You have code errors that prevent the links (about, etc.) from aligning vertically. Each item in an unordered list needs to be surrounded by a <li> and a </li> tag. For example:
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
Okay i’ve done that but now the alignment of text is off, in firefox the bottom three links have cut off and aligned to the center, and in IE all of the links are aligned to the center.
also, how can i remove the bullets?
list-style: none; doesn’t seem to work
It looks like a problem with the css now, but I’m not sure what exactly is wrong. You do have some errors in your stylesheet that need fixing:
background-colour should be background-color
background-color: none; should be deleted or set to background-color: transparent;
valign: center is incorrect and missing a semicolon and should instead be vertical-align:middle;
Thanks iridiax i’ve fixed those up, and it seems somehow been able to align my menu now and removed the bullets.
But for some reason it doesn’t seem like the margins in .narrowcolumn within the style css are defining the placement of the menu, i’ve been changing values without effect. Instead the changing the body structure margin has moved my menu across, but will this affect the pages i put in later?
Im also encountering problems with changing
color: #fff;
text-decoration: none;
within the side bar menu, where should these go?
Try:
#sidebar a:link {color: #fff; text-decoration:none;}
#sidebar a:visited {color: #fff; text-decoration:none;}
#sidebar a:hover {color: #fff; text-decoration:underline;}
#sidebar a:active {color: #fff; text-decoration:underline;}
As for margins, they can be tricky. I’d recommend adding main column content and testing them out with it.
thank you, it worked in firefox, but it doesn’t appear to be working in IE.
with the side columns, they move around when i resize my browser window, is there anyway to stop the menu from doing that?
the menu seems to not be working in IE at all, its just showing up at the top of the page in plain text.
is there any way i can align these boxes properly? if you try clicking on the links the side menu starts moving around and the text size also changes.
