On 17/02/2011 12:49 AM, James Sheffer wrote:
Hey all-
In my last post, my problem was the main navigation at the top of the
page. I was going to leave it in a "table" format for now, but the
middle of the nav produced a "gap" when stretched out. Needing to
fix that, I decided to go ahead and re-write it without tables
(Thanks Alan for a quick start on the code from the last posting!).
I'm not quite sure of the best way to go about this but I ended up
using an unordered list to do the nav which seems to work.
My problem now (and I'm sure it's an easy fix) is to get the blue bar
in the image on the left to line up with the blue nav bar on the
right. Right now it is all in a div with "float: left".
#nav2 {
background-position: left 32px; /* add */
}
#nav2 li+li {
float: left;
margin-top: 32px;/* add */
}
I would remove the the <img from the list.
<div id="header">
<img src="graphics/thetoyz_logo.jpg" height="173" alt="thetoyz logo">
<ul id="nav2"> .... </ul>
</div>
And have this CSS.
#header img {
float: left;
}
#nav2 li {
float: left;
margin-top: 32px;
}
[snip]
I've removed most of the site except the top nav for ease of use:
http://new.thetoyz.com/index1.lasso
[snip]
I guess my questions to the list are: 1. Is using a list tag a good
way to go about this:
Yes.
2. How to format it so I can align the image
with the nav 3. any other tips (I'm new to using CSS to this
extent!)
Where is nav 3?
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
