Hi Ana,
The reason the #globalNavi is in the wrong order is because each <li> is
individually floated right. So the browser sees the first element,
'home', and sends it to the right. Elements appearing afterwards are
'queued' to the right, putting them in the opposite order to what you
intended.
To solve this, you can remove the 'float:right' on the li { } rule, and
remove the width declaration from 'globalNavi'. Thus, globalNavi will
float to the right, but elements within it are left-aligned. You'll
also need to reduce the margin-top on #globalNavi to prevent it from
dropping down too far.
As for the modifications to subNavi, the CSS rules are not specific
enough. Whenever you adjust the ul { } rules, they are affecting
*every* <ul> on the page.
If you make the rules more specific by defining a rule such as '#subnavi
ul li { ...styles... }', you will only affect the subnavi. Something
such as this should do the trick:
#globalNavi {
float: right;
margin: 66px 50px 0 0; /* or whatever... */
padding: 0;
background: #FF7B27 url('../images/navbar.gif') repeat-x bottom left;
list-style: none;
}
#globalNavi ul li {
margin: 0;
padding: 0;
}
#subnavi {
...styles...
}
#subnavi ul li {
...styles...
}
Hope that helps,
Rob
--
Rob Wilmshurst
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
