Forum Moderators: not2easy

Message Too Old, No Replies

How do I align this menu properly?

         

Jasont

10:01 pm on Dec 31, 2004 (gmt 0)

10+ Year Member



I am trying to align a horizontal menu in my header..however it won't line up the same in both Explorer and Netscape.

<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

I have tried using the tutorials posted in the forum above. However I still can't seem to get this to work.

Also, the rest of my page is not being displayed in Explorer once I put the menu code in.

Can someone please tell me where I am going wrong? This is driving me insane.

Here is my CSS code for the menu:

#navcontainer {
background: transparent;
align: center;
float: left;
margin: -25px 0 0 2px;
padding: 0;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}

Here is my HTML code:

<body>
<div id="rap">
<h1 id="header"><a href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a></h1>

<div id="navcontainer">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>

<div id="content">
<?php if ($posts) : foreach ($posts as $post) : start_wp();?>

<?php the_date('','<h2>','</h2>');?>

[edited by: SuzyUK at 6:36 pm (utc) on Jan. 1, 2005]

MichaelBluejay

6:10 pm on Jan 1, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I don't know what you mean by getting the menu to "align" with the header. How exactly do you want it to look?

Also, just to let you know, they don't let you post URLs back to your site in here. Yes, that makes it inconvenient since people can't easily see your page in action, but that's the rules. A mod will delete your URL pretty quick I expect.