Developer's manual
- Manual →
- Final steps →
- Potential CSS conflicts
Potential CSS conflicts
Cascading CSS can potentially cause problems with encapsulation, which means that other page styles may affect or conflict with the navbar and menu styles:
Global styles
Since the navigation bar and
menus are made of HTML
they'll be affected by global styles applying to
<ul>, <li> and <a> elements.
The menu also uses <span> and <img> to create
menu-indicators, and <h*>
if you have
headings inside the navbar.
In practice, <a> elements are so well-defined that it's extremely
unlikely you'll get any problems. But for the others you might, so
there's a few things you can do to minimize the
chances of conflict:
- Put the menu stylesheet after any other stylesheets you're using, so that the menu styles take precedence.
-
Avoid global styles on these elements -
use descendent selectors instead. For example,
if your page container is a
<div>with theidof"content", you can use a descendent selector from that:"#content ul { }"rather than simply"ul { }". -
If all else fails, you can re-inforce the styles you want by
addressing the navbar from external CSS. For example,
if you can't prevent global text-decoration from affecting the
navbar links, just add an
!important rule to counteract it:
"#udm a { text-decoration:none !important; }".
Putting elements above the menus
The links have dynamic z-index, which continually
increases and requires up to
20,000 levels of headroom. If you want other elements
to go above the navigation, you'll need to position
them with a higher z-index value: 20000 plus
whatever you've defined for the
navbar's base z order.
Avoiding class name conflicts
You shouldn't have other elements whose class name begins or ends with "udm", because the menu uses CSS3 substring-matching attribute selectors to apply certain styles, for example:
ul[class^="udm"] {
...
}
This will match any element who's class name
begins with "udm" (and another selector is used
which will match it at the end of a string). So to avoid problems,
don't begin or end other class names with that substring.
Android Depok
coba di sini gan http://t.co/Crdz7kOp RT @officiallyjun: @depokdroid min minta link game HD dongs..for samsung wonder :))
22 hours ago
Marlene Boatwright
Watch live tv on ps3. Software Downloads.: Online TV Live lets you watch 3645+ free Internet TV, on demand video... http://t.co/lNuJ1rAz
1 day ago
Robert P Reibold
Autocad drawing studio. Software Downloads.: AutoCAD to PDF Converter is a batch converter that allows you to co... http://t.co/emqHDpA2
2 days ago
Tony N
FYI... Software testing vga Software Downloads http://t.co/Fh28NO40
2 days ago
Jeraldine Nadler
Robot email sound Software Downloads http://t.co/bTRvdf7s @EmailResponder
3 days ago
NFL Football News
#NFL Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... http://t.co/SsK2G9wt
3 days ago
KwikTIK
Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... C... http://t.co/NuFNf7TQ
3 days ago
Nfl Seat
Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... C... http://t.co/maZHNTA9
3 days ago
