Home » Forum
NoNumber!

Joomla!® Websites & Extensions
development  -  support  -  consultancy

I try to respond within 48 hours (excluding weekends).
If I haven't responded by then, feel free to post a reminder or bug me via email.
My last reply was: 15 Hours, 44 Minutes ago.

Welcome, Guest
Please Login or Register.    Lost Password?
NoNumber! Forum
Extension Support
CustoMenu

[SOLVED] Menu full width
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: [SOLVED] Menu full width
#637
[SOLVED] Menu full width 3 Years, 3 Months ago  
Hi Sorry to be a pain,

I have searched your forum and couldnt find an answer to help me.

Currently my banner does not stretch across the width of the website, how can I change the menu width please?

I need it at 825px

Many Thanks
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#638
[SOLVED] Menu full width 3 Years, 3 Months ago  
sorry i meant menu not banner
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#639
[SOLVED] Menu full width 3 Years, 3 Months ago  
You ca give the outer div (customenu_default or customenu_mystyle or whatever) a fixed width and background. If you want the buttons to stretch as well, you'll have to give them fixed widths.
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#640
[SOLVED] Menu full width 3 Years, 3 Months ago  
Hi Admin,

Thanks for the fast reply, I have been trying this, but cant figure out what Im doing wrong, i would appreciate it if you can correct my code here:

div.customenu_default {

   width: 825px

}



div.customenu_default,

div.customenu_default a,

div.customenu_default span {

    margin: 0px;

    padding: 0px;

}



div.customenu_default a span span {

    float: left;

    height: 28px; /* height - padding */

    padding: 6px 10px 0px 10px;

    width: 100%; /* for fixed widths */

    text-align: center;

    cursor: pointer;

    border-right: 1px solid #000000;

}

Many Thanks for your time.

Tobes
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#641
[SOLVED] Menu full width 3 Years, 3 Months ago  
te width: 100% will make all buttons 825px wide.
I don't think you'll want this.

Can you give me an online example...
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#642
[SOLVED] Menu full width 3 Years, 3 Months ago  
yes, heres the link

for now I have removed the 100% width, heres the code I have now.

div.customenu_default {

    width: 825px;

}



div.customenu_default,

div.customenu_default a,

div.customenu_default span {

    margin: 0px;

    padding: 0px;

}



div.customenu_default a span span {

    float: left;

    height: 28px; /* height - padding */

    padding: 6px 10px 0px 10px;

    /* width: 250px; */ /* for fixed widths */

    text-align: center;

    cursor: pointer;

    border-right: 1px solid #000000;

}

Thanks for your time.

Tobes
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#643
[SOLVED] Menu full width 3 Years, 3 Months ago  
Try width: 825px; instead of percentage.
aravot
Posts: 8
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#644
[SOLVED] Menu full width 3 Years, 3 Months ago  
That made all my buttons 825px have a look

div.customenu_default {

    width: 825px;

}



div.customenu_default,

div.customenu_default a,

div.customenu_default span {

    margin: 0px;

    padding: 0px;

}



div.customenu_default a span span {

    float: left;

    height: 28px; /* height - padding */

    padding: 6px 10px 0px 10px;

    width: 825px; /* for fixed widths */

    text-align: center;

    cursor: pointer;

    border-right: 1px solid #000000;

}

Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#646
[SOLVED] Menu full width 3 Years, 3 Months ago  
Sorry I think I posted without reading the rest of your post, you don't want the menu to stretch the whole width of the site
aravot
Posts: 8
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#647
[SOLVED] Menu full width 3 Years, 3 Months ago  
no i do want it to stretch across the mainbody

Many thanks for your time.

T
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#648
[SOLVED] Menu full width 3 Years, 3 Months ago  
Well, unfortunately you can't do what you want with the spans setup.
That is only possible with tables and table cells that spread evenly. You can try to play around with the display property on the div.customenu_default a { }.

I think I will implement a choice to place the links in a table in next version.

Another way to get what you want is to set the width of every item to a fixed px width. This does however take the dynamic flavor off of the menu.
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#649
[SOLVED] Menu full width 3 Years, 3 Months ago  
but i have seen this on other sites mentioned here, and you have done it also above, but your menu goes past the mainbody on both ends, I want mine to fit the website mainbody width, nothing too complicated.

I cant do a fixed width with each button as some buttons have more letters than others ie: "mission statement" and "news"

There is really no other way?

T
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#651
[SOLVED] Menu full width 3 Years, 3 Months ago  
Well, the menu here on this sit is not full width. It's just a background image.
You can make your menu div 825px and give it a background image.

But the menu buttons will then not fill out to the end of the area.
In other words, you'll still get a bit of 'no button' space at the end.

My menu has that too, so much space it can fit a Donate button

So all you have to do is:

div.customenu_default {
    background:transparent url(../images/menu_button.png) repeat-x scroll left top;
    width: 825px;
}

So you don't need widths on the buttons.
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#652
[SOLVED] Menu full width 3 Years, 3 Months ago  
remove the float: left on your logo
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#653
[SOLVED] Menu full width 3 Years, 3 Months ago  
Thank you so much, that got me going in the right direction.

I changed the code to.

div.customenu_default {
    background:transparent url(../images/menu_button2.png) repeat-x scroll left bott
om;
    width: 825px;
}

the original menu button was larger than my menu, so I created a new button that fitted correctly.

Thank you so much.

Im off to the donate button right now

Have a great day.

Tobes
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#654
[SOLVED] Menu full width 3 Years, 3 Months ago  
You can leave it to left top
if you remove the float from the logo
then the menu will appear under your logo by itself.
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#655
[SOLVED] Menu full width 3 Years, 3 Months ago  
Thanks for all your help.

that worked perfectly, site looks great, I hope this thread can help others.

Have a good day

Tobes
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#656
[SOLVED] Menu full width 3 Years, 3 Months ago  
Im sorry to return, i noticed the menu image doesnt show up on FireFox PC.

http://www.resalesinbansko.com/site/

any ideas why not.

Many thanks

Tobes
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#657
[SOLVED] Menu full width 3 Years, 3 Months ago  
Looks fine on FF3 on PC...
Peter van Westen
Admin
Posts: 9165
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#658
[SOLVED] Menu full width 3 Years, 3 Months ago  
Im using Firefox 2.0.0.17 and If i click check for updates, it doesnt seem to want to upgrade to V.3

strange

If FF v.3 isnt a forced upgrade, I wouldnt mind finding out why the image isnt showing for me, sorry to be a nuisance.

Tobes
Tobes
Posts: 19
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 12
NoNumber! Forum
Extension Support
CustoMenu
Moderators: Peter van Westen
Open Source Training | Online Joomla! Training and Support
MaxCDN | Content Delivery Network | Accelerate your site to the max
hosting joomla
Copyright © 2009-2012 - NoNumber! - All Rights Reserved - Terms of Service - Privacy Policy

NoNumber.nl is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.