Hi,

I have a horizontal menu that i want to stretch 100%. however when i add an
additional button i would like the widths between the buttons to change
accroringly and the menu to remain at 100%

kind regards

Ian

Got a link?

--
Regards

John Waller

Hi John,

here is the link:

http://www.mosketo.net/mar/joomla_page.html

I would like the spacing even between the buttons on the horizontal menu. Also
when i add another button the spacing will change to fit the additional button
automatically.

also css is attached

regards

Ian

ul#menu
{
margin:0;
padding:0;
width:100%px;
display:block;
font-size:14px;
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

ul#menu li
{
display:block;
width:19.5%;
float:left;
margin:0;
padding:0px;
}

ul#menu li a
{
display:block;
float:inherit;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:0px 0px 0px 0px;
}

ul#menu li a:hover
{
color:#999999;
text-decoration:underline;
height:22px;
margin:0;
padding:0;
}


ul#menu li a.current
{
display:inline;
height:22px;
margin:0;
margin:0;
padding:0;
}

For me I just copy CSS samples of menu i like from a host of examples available
for me online, then I just edit out the variables and width for it to fit my
taste and website. I usually NEVER try to code a menu from scratch as I always
messed up and do things not right, hope you can get an insight about this
technique I have proven to be working for me when designing menus for websites.
There are tons of resources out there available for you online, you can go and
seek from GOOGLE



_________________________________
Fav Parts of the Internet

http://nascarfans.wetpaint.com/
http://disadvantages-of--mobile-phones.blogspot.com/

http://real-travel-guide.blogspot.co...-nude-beaches-
in.html
http://www.wikipregnancy.com/

ian2003 wrote:
> Hi John,
>
> here is the link:
>
> http://www.mosketo.net/mar/joomla_page.html
>

Hi,

Not John - but thought you might like to try replacing these for
yours.........

#menu {
height:32px;
text-align:left
}

and these.......

ul#menu
{
margin:0;
padding:0;
display:block;
font-size:14px;
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

ul#menu li
{
display:block;
width:19.5%;
float:left;
margin:0;
adding:0px;
}

ul#menu li a
{
width:100%;
display:block;
float:inherit;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:0px 0px 0px 0px;
}

--
chin chin
Sinclair