TalkPHP - View Single Post

Tanax · 02-23-2009, 06:03 PM

Quote:

Originally Posted by hello-world

why don't you use Border instead of margin ? And select the matching color.

You can use list-style:none.

Because I don't really wanna use borders.
Yes, that's what I've done, but that won't place the list in a single line, the list items will still be on different lines.

Thanks for the link! I'll download it

Quote:

Originally Posted by sketchMedia

The reason the margin wont have any effect is because you have floated it, i.e. pulled it out of the normal flow, thus its on a different level to the header div. In order for it to have an effect you must also float the header.

as for the menu, something like this:

Code:

        <ul>
            <li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
            <li><a href="#">Link 4</a></li>
        </ul>

Code:

ul { 
    list-style: none;
}
ul li {
    display: inline
}

Yea, that's what I suspected, but I had no clue how to solve it.
But if I float the header aswell, the menu's below will appear on the right side of the header, instead of below it?

http://img187.imageshack.us/img187/420/margins2.jpg

Code:

#header {

	background-color: #2F4F4F;
	height: 150px;
	text-align: center;
	padding-top: 20px;
	float: left;
	margin-left: 10px;

}

Sure enough, I got the margins alright, but the rest of the site got fucked up xD

The list worked like I wanted though, thanks!