World Dezign

I have this navbar on my forum → http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html but I cannot make it to to capture the full width of the screen.It always stops a bit before the screen space ends... Take a look here... http://radiosoundall.forumotion.com


Thank you,sgeorge

try add:

Code:


float:left;
width: 100%;


Ok Let me see...

It does exist in the CSS...

Code:

ul.topnav {
  list-style: none;
  padding: 0 20px;
  margin-left: auto; margin-right: auto;
  float: LEFT;
  width: 100%;
  background: #222;
  font-size: 1.0em;
  background: url(http://img228.imageshack.us/img228/7986/topnavb.gif) repeat-x;
}

ok replace:

Code:

margin-left: auto; margin-right: auto;

Code:

margin: 0 auto;

Gangstar15 wrote:ok replace:

Code:

margin-left: auto; margin-right: auto;

with:

Code:

margin: 0 auto;

add

Code:


position: absolute;
left: 0;
right: 0;


THANK YOU !!! IT WORKS !!! YOU ARE GREAT !!!

Glad i could help ;D
Welcome (:

Gangstar, another problem... How can I center My links ?

THANK YOU FOR ALL !

add margin-left: XXpx; to this part in its css:

Code:

ul.topnav li a

Can't I make it to calculate automatically the width and center it ?

THank you

add text-align:center; to ul.topnav li

I don't think that works....

ul.topnav li {
text-align:center;
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

delete the "li" (:

Code:

ul.topnav li {
text-align:center;
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

then add margin-left: 150px; to ul.topnav li a

Ok Nevermind... I like it as it is... What you said above will not work for all the screen resolutions... THank u one more time...!

it need some more to get it works ;D but yah leave it as its now (:
No Problem ;D

Thank you again !! I appreciate what you did for me...! If you want me to help you just tell me

hehe ;D i will tell when i need help ;D thanks

Topic Solved & Locked.