Evil UL...?

**twirp** · November 6th, 2007, 7:14 PM

Here's a screen shot of the issue [click]

Um... Ignore the "<- Used without permission" my friend did it and she's been telling me to work on the design and I'm striking back at her...?

Anyways,
The issue is I'm using a list and I try to center it, but it won't center...

The CSS is:

Code:

#menu {
	text-align: center;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	padding-top: 4px;
	background-color: #A0B9C9;
	display: block;
	width: 80px;
	height: 20px;
	text-decoration: none;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	color: #FFFFFF;
}

#menu ul li a:hover {
	padding-top: 4px;
	background-color: #2F6F99;
	text-decoration: none;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	color: #FFFFFF;
}

.centered {
	margin: 0 auto 0 auto;
}

And the HTML part is:

Code:

		<div id="menu" align="center">
			<ul class="centered">
				<li><a href="#">Home</a></li>
				<li><a href="#">Places</a></li>
				<li><a href="#">People</a></li>
				<li><a href="#">Food</a></li>
			</ul>
		</div>

It's in a bigger div that's centered and yeah...
If I should post the whole page of code, then I will.

I have tried the center tag, align="center" and some other things...

Thanks for any help offered.

wgm · November 6th, 2007, 7:33 PM

Put a width on the #menu and see what happens.

Code:

<div align="center">
<div id="menu">
	<ul class="centered">
		<li><a href="#">Home</a></li>
		<li><a href="#">Places</a></li>
		<li><a href="#">People</a></li>
		<li><a href="#">Food</a></li>
	</ul>
</div>
</div>

**twirp** · November 6th, 2007, 7:38 PM

It isn't centering.

Maybe the evil internet gods hate lists...

wgm · November 6th, 2007, 7:42 PM

Added to the post above, may not have seen it.

http://www.wmcintosh.com/tmp/test.html

**twirp** · November 6th, 2007, 7:47 PM

Quote:

Originally Posted by William

Added to the post above, may not have seen it.

http://www.wmcintosh.com/tmp/test.html

Is it centered in your browser? I've tried it in several browsers on a mac and it doesn't seem to work.

wgm · November 6th, 2007, 8:00 PM

I don't use a Mac, guess I am unable to help, centers in IE 7 and Firefox 2.0.0.9 (default browser).

Suikolove · November 7th, 2007, 6:10 PM

Is that the Safari browser you're using?

November 6th, 2007, 7:14 PM	#1 (permalink)
twirp DemonicAngel Super #1 Joined in Aug 2004 Lives in Wherever The World Takes Me Hosted on Pass76 1,847 posts Gave thanks: 28 Thanked 35 times	Evil UL...? Here's a screen shot of the issue [click] Um... Ignore the "<- Used without permission" my friend did it and she's been telling me to work on the design and I'm striking back at her...? Anyways, The issue is I'm using a list and I try to center it, but it won't center... The CSS is: Code: #menu { text-align: center; } #menu ul { list-style: none; margin: 0; padding: 0; text-align: center; } #menu ul li { float: left; } #menu ul li a { padding-top: 4px; background-color: #A0B9C9; display: block; width: 80px; height: 20px; text-decoration: none; border-left: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid; color: #FFFFFF; } #menu ul li a:hover { padding-top: 4px; background-color: #2F6F99; text-decoration: none; border-left: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid; color: #FFFFFF; } .centered { margin: 0 auto 0 auto; } And the HTML part is: Code: <div id="menu" align="center"> <ul class="centered"> <li><a href="#">Home</a></li> <li><a href="#">Places</a></li> <li><a href="#">People</a></li> <li><a href="#">Food</a></li> </ul> </div> It's in a bigger div that's centered and yeah... If I should post the whole page of code, then I will. I have tried the center tag, align="center" and some other things... Thanks for any help offered. __________________ You wear Vans so high school kids will think that you can skate. He wears Vans because he can skate. TwiRp wears Vans because they were on sale. Pass76 wants Vans.

November 6th, 2007, 7:33 PM	#2 (permalink)
wgm Registered User Super #1 Joined in Mar 2005 Lives in Washougal, WA 1,306 posts Gave thanks: 23 Thanked 39 times	Put a width on the #menu and see what happens. Code: <div align="center"> <div id="menu"> <ul class="centered"> <li><a href="#">Home</a></li> <li><a href="#">Places</a></li> <li><a href="#">People</a></li> <li><a href="#">Food</a></li> </ul> </div> </div>

November 6th, 2007, 7:38 PM	#3 (permalink)
twirp DemonicAngel Super #1 Joined in Aug 2004 Lives in Wherever The World Takes Me Hosted on Pass76 1,847 posts Gave thanks: 28 Thanked 35 times	It isn't centering. Maybe the evil internet gods hate lists... __________________ You wear Vans so high school kids will think that you can skate. He wears Vans because he can skate. TwiRp wears Vans because they were on sale. Pass76 wants Vans.

November 7th, 2007, 6:10 PM	#7 (permalink)
Suikolove Registered User Seasoned Poster Joined in May 2007 Hosted on SH103 30 posts Gave thanks: 1 Thanked 2 times	Is that the Safari browser you're using? __________________ SH103 http://www.united-fleet.org

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

November 6th, 2007, 7:42 PM	#4 (permalink)
wgm Registered User Super #1 Joined in Mar 2005 Lives in Washougal, WA 1,306 posts Gave thanks: 23 Thanked 39 times	Added to the post above, may not have seen it. http://www.wmcintosh.com/tmp/test.html

November 6th, 2007, 8:00 PM	#6 (permalink)
wgm Registered User Super #1 Joined in Mar 2005 Lives in Washougal, WA 1,306 posts Gave thanks: 23 Thanked 39 times	I don't use a Mac, guess I am unable to help, centers in IE 7 and Firefox 2.0.0.9 (default browser).

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)