View Single Post
Old 11-16-2012, 11:58 PM   PM User | #17
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by MMM717 View Post
How do I limit the "list-style-none" to the buttons/header only?
You need to know about specificity now.


You just need to be very specific which li does, or doesn't, get a bullet. If .header ul is not specific enough, giving that ul an id would make it more specific

Like this -
Code:
<div class="header">
<ul id="noBullet">
<li> ...
and in your CSS would be
Code:
.header img {float: left;}
	.header ul#noBullet {
		margin: 5px 0 0 400px;
		text-align: center;
		list-style: none;
	}
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
MMM717 (11-17-2012)