...

View Full Version : Menu help please?



stfc_boy
10-23-2007, 05:43 PM
Hi Guys,

I've created a small menu here: http://www.slougheaz.org/lhs But have been told that I need to make the code more XML compatable.


How could I get rid of some of those headings I have and create more UL and LI tags and maybe have headings as h3 tags within that menu and still have the same kind of layout?

Thanks Chris

Fang
10-23-2007, 06:16 PM
Change the div-span-div for a h3 or even a nested list
h3 {
width:120px;
margin:0;
border-top:5px solid #DFDFDF;
border-bottom:1px solid #DFDFDF;
text-transform: uppercase;
font-size: 11px;
color: #666;
background:#fff;
}

ez4me2c3d
10-23-2007, 08:24 PM
HTML
<div id="menu1">
<h3>Menu 1</h3>
<ul>
<li><a href="#">Link 1a</a></li>
<li><a href="#">Link 1b</a></li>
<li><a href="#">Link 1c</a></li>
</ul>
</div>
<div id="menu2">
<h3>Menu 2</h3>
<ul>
<li><a href="#">Link 2a</a></li>
<li><a href="#">Link 2b</a></li>
<li><a href="#">Link 2c</a></li>
</ul>
</div>

CSS
#menu1, #menu2 {
width: 130px;
}

#menu1 h3, #menu2 h3 {
border: 1px solid #ccc;
border-width: 3px 0 1px 0;
}

ez4me2c3d
10-23-2007, 08:25 PM
Also, you may want to wrap up the bottom of your document with
</body>
</html>But that's just me talking.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum