I would like to create a page that have the title and nav menu
aligned at the top, something like this
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX NNNNNNNNNNNNNNNNNNNNNNNNN
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
I have this code
<body>
<div id="pageDisplay">
<div id="pageHeader">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
<h1>Title</h1>
</div>
<div id="pageContent">
Hello <a href="">there</a>
</div>
<div id="pageFooter">
Footer
</div>
</div>
</body>
and use the following CSS code
#pageHeader
{
background-color: #0f0;
}
#pageHeader ul
{
float: right;
background-color: red;
}
#pageHeader li
{
display: inline;
list-style-type: none;
padding-right: 10px;
}
#pageHeader h1
{
margin: 0px;
}
This aligns the title and the menu at the bottom. I tried using
vertical-align but since that aligns inline elements it
shouldn't work and it doesn't.
Is there some way to do this?
--
Jan Erik Moström, www.mostrom.pp.se
______________________________________________________________________
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/
