Border Issue

[jerdy]

Issue @ metzhere.com/yogamoves

I created #container with a border and wanted it to wrap around the other divs (excluding #tagline and #header) I have it right for the most part except up at the top, there is a space that I cannot find where to change in my css properties. Any ideas? I think it must be something with the ul properties?

Thank you,
Amber

Note: Am I going about borders the wrong way? Should I be using the borders on the individual divs, or is wrapping with a container fair?

[jscheuer1]

Wrapping is cool. And you are right, it is the UL element. Add this (highlighted) to its style in your stylesheet:

#navigation ul {
	list-style:none;
	height: 20px;
	position: relative;
	left: 0%;
	margin: 0;
}

[jerdy]

Cool thanks John

I am also having an aligning problem with my navigation tabs, I would like them centered, I tried aligning the <ul> and <li> but nothing seemed to show.

[jscheuer1]

Replace the styles for these with the ones shown:

#navigation ul {
	list-style: none;
	height: 20px;
	margin: 0; 
}
#navigation li {
	display: inline;
}

[jerdy]

Hi there, it's me again.

...Doing some updates on the navigation and still can't get the subjects to center properly on the purple navigation bar.

I used this code but no luck:

#navigation ul {
	list-style: none;
	height: 20px;
	margin: 0; 
}
#navigation li {
	display: inline;
}

I would like the widths on the side (red marks) equal, not different widths.


Find issue @ www.yogamoves.net/test.html

[coothead]

Hi there jerdy,

try adding the highlighted attribute...

#navigation ul {
	list-style:none;
	margin:0;
        padding-left:14px;
	height: 20px;
}

coothead

[jerdy]

Worked like a charm, thank you!

[coothead]

No problem, you're very welcome.