PDA

View Full Version : Menu Items


Peter
07-22-2007, 03:12 PM
Hiya, on my site (peter-russell.net) the menu items are not evenly spaced out which is proving very difficult to do.
Someone pointed me towards this: http://css.maxdesign.com.au/listamatic/horizontal03.htm
But im having a bit of trouble in working out how to apply this to my site. Can anyone help me with this? Or tell me an alternative way to have the menu items accurately spaced?

thanks

kate
07-22-2007, 05:32 PM
Hello,

Do you want to post what code you have for the menu from Listomatic?

It looks ok actually. Some do have extra pixels but see what others say first.

:grin:

Peter
07-22-2007, 05:35 PM
Hey Kate!
Eek im sorry but I dont really understand the first part of your post... what do you mean post the code from Listomatic?

Sorry for sounding a bit dim! :D

kate
07-22-2007, 05:58 PM
Hi,

Its fine. You gave the link to Listomatic for the menu righhhhhhhhhht..lolol

Is it anything to do with that 104%, but also is the dynamic drive clock causing the bother?

<table width="104%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">


<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


Let David here look at your CSS

:mrgreen:

kate
07-22-2007, 06:14 PM
What about..

<table width="100%" border="0" cellspacing="0" cellpadding="4"><tr align="left">

:mrgreen:

Peter
07-22-2007, 06:16 PM
Hi,

Its fine. You gave the link to Listomatic for the menu righhhhhhhhhht..lolol

Is it anything to do with that 104%, but also is the dynamic drive clock causing the bother?

<table width="104%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">


<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


Let David here look at your CSS

:mrgreen:

Cheers :)
That code isnt in my site btw... someone just directed me to that page as it apparantly says how to have equal sized menu items.

Peter
07-22-2007, 06:53 PM
Maybe I should phrase my question better...

Do you know of any way that I can make the menu items that are currently on my site, line up so they have equal space in between them and look lined up? :)

kate
07-23-2007, 07:46 AM
http://www.dmxzone.com/ShowDetail.asp?NewsId=10809