|
|
|
#1 |
|
Messages: n/a
Hébergeur: |
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 |
|
|
|
#2 |
|
Messages: n/a
Hébergeur: |
Got a link?
-- Regards John Waller |
|
|
|
#3 |
|
Messages: n/a
Hébergeur: |
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; } |
|
|
|
#4 |
|
Messages: n/a
Hébergeur: |
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/ |
|
|
|
#5 |
|
Messages: n/a
Hébergeur: |
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 |
|
![]() |
| Outils de la discussion | |
|
|