Question:
CSS menu problem please resolve this issue?
2011-10-21 20:51:06 UTC
my navigation doesnt show up full width i have tried in many ways but it is not working please help me with this issue
Below is the code im faceing problem with





OLC shop







Seven answers:
2011-10-22 15:14:14 UTC
Easier:



Nav Menus (See following sites for navigation menus):



CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/csslibrary/category/C1/

CSS Library Vertical CSS Menus: http://www.dynamicdrive.com/style/csslibrary/category/C2/

http://www.dynamicdrive.com/dynamicindex1/

http://www.cssplay.co.uk/menus/

How to Style an Unordered List with CSS: http://www.webreference.com/programming/css_style2/index.html



Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html



NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquery.com/project/NavDock



Making CSS Rollover Buttons: http://www.elated.com/articles/css-rollover-buttons/



How To:



http://www.w3.org/TR/WCAG10-HTML-TECHS/#links



More...
2011-10-21 21:58:59 UTC
You have to define a width somewhere, it looks like you are depending mainly on padding to define the width of your menu. Try either adding margins and/or defining the width and height of #menu.
?
2016-10-21 17:55:13 UTC
ul { flow:left; width:400px; <-------- replace this value to no longer use a share, this could stress the container containing the menu be restricted to a definite length that suits all your menu products. you may run into subjects in case you have alot of menu products, reason you will run out of area and that they're going to ought to stack padding:0; margin:0; record-form-style:none; }
Oles
2011-10-21 21:08:16 UTC
When you opened html tag you didnt specify the version of html you are using as well as css. Some browsers may be confused.
RUPPI
2011-10-22 03:59:12 UTC
use width:100%

and mention that you are using css code by

Rashtra
2011-10-23 01:08:15 UTC
i think you should use width:100% and also recheck your padding and margins
?
2011-10-21 20:56:13 UTC
use display:block; for wrapper


ⓘ
This content was originally posted on Y! Answers, a Q&A website that shut down in 2021.
Loading...