(УУВУ УБУВУАУ УУЈУЗУЊУ УЈУБУЏУЎУЋУМУЇУГУЅУВ УЊУ УБУЊУ УЄУУЛУЅ УВУ УЁУЋУЈУЖУЛ УБУВУЈУЋУЅУЉ CSS)
УУ УУУЛУЉ УЄУЎУЊУГУЌУЅУУВ УПУЂУЋУПУЅУВУБУП УЏУЅУАУЅУЂУЎУЄУЎУЌ УБУВУ УВУМУЈ "Web Style Sheets CSS tips & tricks".
УУАУЈУЃУЈУУ УЋУМУУ УП УЂУЅУАУБУЈУП УЄУЎУЊУГУЌУЅУУВУ УБУГУЙУЅУБУВУЂУГУЅУВ УВУЎУЋУМУЊУЎ УУ УБУ УЉУВУЅ W3C http://www.w3.org/Style/Examples/007/menus.html
УУ УУУЛУЉ УЏУЅУАУЅУЂУЎУЄ УУ
УПУЂУЋУПУЅУВУБУП УЎУДУЈУЖУЈУ УЋУМУУЛУЌ УЄУЎУЊУГУЌУЅУУВУЎУЌ W3C.
УУБУЅ УУЂУВУЎУАУБУЊУЈУЅ УУАУ УЂУ УУАУЈУУ УЄУЋУЅУІУ УВ W3C.
УУ УУУЛУЉ УЄУЎУЊУГУЌУЅУУВ УЌУЎУІУЅУВ УБУЎУЄУЅУАУІУ УВУМ УЎУИУЈУЁУЊУЈ УЏУЅУАУЅУЂУЎУЄУ УЈ УЎУЏУЅУЗУ УВУЊУЈ.
УУЂУВУЎУА: У
УЂУЃУЅУУЈУЉ УУЊУАУЈУЏУЅУЖ (УЂУБУЅ УЏУЅУАУЅУЂУЎУЄУЛ У УЂУВУЎУАУ : en, ru, uk )
УУЎУЊУ УЋУМУУ УП УЂУЅУАУБУЈУП: http://www.indeep76.com/Style/Example007/menus.html
<div class="banner"> <p> <a href="../../../"><img alt="W3C" src="../../../Icons/w3c_home"></a> <a href="../../../Consortium/Activities">УУЅУПУВУЅУЋУМУУЎУБУВУМ</a> <a href="../../../TR/">УУЅУЕ. УЎУВУЗУЅУВУЛ</a> <a href="../../../Help/siteindex">УУУЄУЅУЊУБ УБУ УЉУВУ </a> <a href="../../../Consortium/Translation/">УУЅУАУЅУЂУЎУЄУЛ</a> <a href="../../../Status">УУАУЎУЃУАУ УЌУЌУЛ</a> <a href="http://search.w3.org/">УУЎУЈУБУЊ</a> <em>УУПУЄУЎУЌ:</em> <a href="../../">УУВУЈУЋУЈ</a> <a href="../../CSS/">CSS</a> <a href="./">УУЎУЂУЅУВУЛ & УЏУАУЈУЅУЌУЛ</a> </div>У УЁУАУ УГУЇУЅУАУЅ УЁУЅУЇ CSS УЈУЋУЈ УБ УЂУЛУЊУЋУОУЗУЅУУУЛУЌ CSS УЎУУЎ УЁУГУЄУЅУВ УЎУЁУЛУЗУУЛУЌ УЏУ УАУ УЃУАУ УДУЎУЌ УБУЎ УБУБУЛУЋУЊУ УЌУЈ. УУЎ УЁУЋУ УЃУЎУЄУ УАУП УЈУЇУЋУЎУІУЅУУУЛУЌ УУЈУІУЅ УЏУАУ УЂУЈУЋУ УЌ, УЎУУЎ УЁУГУЄУЅУВ "УЏУЋУ УЂУ УВУМ" УЂ УЂУЅУАУЕУУЅУЉ УЗУ УБУВУЈ УБУВУАУ УУЈУЖУЛ, УДУЈУЊУБУЈУАУГУПУБУМ УЊ УЂУЅУАУЕУУЅУЌУГ УЏУАУ УЂУЎУЌУГ УГУЃУЋУГ УЎУЊУУ УЁУАУ УГУЇУЅУАУ : div.banner { margin: 0; font-size: 80% /*smaller*/; font-weight: bold; line-height: 1.1; text-align: center; position: fixed; top: 2em; left: auto; width: 8.5em; right: 2em; } div.banner p { margin: 0; padding: 0.3em 0.4em; font-family: Arial, sans-serif; background: #900; border: thin outset #900; color: white; } div.banner a, div.banner em { display: block; margin: 0 0.5em } div.banner a, div.banner em { border-top: 2px groove #900 } div.banner a:first-child { border-top: none } div.banner em { color: #CFC } div.banner a:link { text-decoration: none; color: white } div.banner a:visited { text-decoration: none; color: #CCC } div.banner a:hover { background: black; color: white } УУУВУЅУАУЅУБУУЎУЅ УЏУАУ УЂУЈУЋУЎ 'position: fixed', УЊУЎУВУЎУАУЎУЅ УЎУВУЂУЅУЗУ УЅУВ УЇУ УДУЈУЊУБУЈУАУЎУЂУ УУУЎУЅ УАУ УБУЏУЎУЋУЎУІУЅУУЈУЅ DIV УУ УНУЊУАУ УУЅ УЈ 'display: block', УЊУЎУВУЎУАУЎУЅ УЎУВУЂУЅУЗУ УЅУВ УЇУ УАУ УЇУЌУЅУЙУЅУУЈУЅ A-УНУЋУЅУЌУЅУУВУЎУЂ УЂУУГУВУАУЈ DIV УЂ УНУЋУЅУЌУЅУУВУЛ УЁУЋУЎУЊУ , УЈ УВУ УЊУЈУЌ УЎУЁУАУ УЇУЎУЌ УАУ УБУЏУЎУЋУ УЃУ УП УЈУЕ УЂ УБУВУЎУЋУЁУЈУЊ, У УУЅ УЂ УАУПУЄ. УУГУЄУМУВУЅ УЂУУЈУЌУ УВУЅУЋУМУУЛ УБ УЏУЎУАУПУЄУЊУЎУЌ УЏУЎУБУЋУЅУЄУУЈУЕ УВУАУЅУЕ УЏУАУ УЂУЈУЋ. УУУЈ УЂУБУЅ УЈУЌУЅУОУВ УЎУЄУЈУУ УЊУЎУЂУГУО УБУЏУЅУЖУЈУДУЈУЊУГ, У УЏУЎУБУЋУЅУЄУУЅУЅ УЎУЏУАУЅУЄУЅУЋУПУЅУВ УЖУЂУЅУВ. У УБУЋУЈ УЌУЛУИУЊУ УЏУЋУ УЂУ УЅУВ УУ УБУБУЛУЋУЊУЎУЉ, УЌУЛ УЕУЎУВУЈУЌ УЏУАУЈУЌУЅУУЈУВУМ :hover, УВУ УЊУЈУЌ УЎУЁУАУ УЇУЎУЌ УЎУ УЁУГУЄУЅУВ УЏУЎУБУЋУЅУЄУУЈУЌ. УУБУВУ УЋУМУУЎУЅ - УЏУЎУЋУП, УЃУАУ УУЈУЖУЛ, УЖУЂУЅУВУ УЈ УВ.УЄ. УЌУЎУІУУЎ УЏУЅУАУЅУЌУЅУБУВУЈУВУМ УЈУЋУЈ УЈУЇУЌУЅУУЈУВУМ УУ УБУЂУЎУЉ УЂУЊУГУБ. УУЄУУ УЊУЎ, УЎУЁУАУ УВУЈУВУЅ УЂУУЈУЌУ УУЈУЅ, УЊУ УЊ УЌУЛ УЂУЛУЏУЎУЋУУПУЅУЌ УЏУАУ УЂУЈУЋУ УЌУЅУІУЄУГ УБУБУЛУЋУЊУ УЌУЈ: УУ УЄ УЂУБУЅУЌУЈ УБУБУЛУЋУЊУ УЌУЈ УЅУБУВУМ УЃУАУ УУЈУЖУЛ, УЇУ УЈУБУЊУЋУОУЗУЅУУЈУЅУЌ УЏУЅУАУЂУЎУЉ, УЁУЋУ УЃУЎУЄУ УАУП УЏУАУ УЂУЈУЋУГ УБ ':first-child'. УУ УАУ УЏУАУ УЂУЈУЋ, УЊУ УЊ УНУВУЎ (УЃУАУ УУЈУЖУЛ УЏУЎУЂУЅУАУЕ УЂУБУЅУЕ УНУЋУЅУЌУЅУУВУЎУЂ УЏУЋУОУБ УЃУАУ УУЈУЖУ 'none' УУ УЏУЅУАУЂУЎУЌ УЄУЎУЗУЅУАУУЅУЌ УНУЋУЅУЌУЅУУВУЅ) УЎУЗУЅУУМ УГУЄУЎУЁУУЛ УЄУЋУП УБУЎУЇУЄУ УУЈУП УЃУАУ УУЈУЖ УЌУЅУІУЄУГ УНУЋУЅУЌУЅУУВУ УЌУЈ.
У УБУЋУЈ УЂУЛ УБУЌУЎУВУАУЈУВУЅ УУ УНУВУГ УБУВУАУ УУЈУЖУГ УЏУАУЈ УЏУЎУЌУЎУЙУЈ Microsoft Internet Explorer 5 УЈУЋУЈ 6 Windows ("WinIE5" УЈ "WinIE6"), УЂУЛ УЇУ УЌУЅУВУЈУВУЅ, УЗУВУЎ УЎУУ УУЅ УАУ УЁУЎУВУ УЅУВ. УУЎ УЊУАУ УЉУУЅУЉ УЌУЅУАУЅ, УУЅ УУ УВУЅУЊУГУЙУЅУЉ УЂУЅУАУБУЈУЈ УБУЅУУВУПУЁУАУП 2002. УУУЎУЃУЈУЅ УЋУОУЄУЈ УБУЏУАУ УИУЈУЂУ УОУВ УЌУЅУУП УЎУЁ УНУВУЎУЌ, УЏУЎУНУВУЎУЌУГ УЄУ УО УЌУ УЋУЅУУМУЊУЎУЅ УЏУЎУПУБУУЅУУЈУЅ. УУЎУАУЎУВУЊУЎ: УЁУ УЃ УЂ УЁУАУ УГУЇУЅУАУЅ, У УУЅ УУ УНУВУЎУЉ УБУВУАУ УУЈУЖУЅ.
WinIE5 УЈ WinIE6 УЅУЙУЅ УУЅ УЂУЛУЏУЎУЋУУПУОУВ 'fixed'. УУВУЎ УЏУЋУЎУЕУЎ, УУЎ УЃУЎУАУ УЇУЄУЎ УЁУЎУЋУМУИУ УП УЏУАУЎУЁУЋУЅУЌУ УБУЎУБУВУЎУЈУВ УЂ УВУЎУЌ, УЗУВУЎ УЎУУЈ УВУ УЊУІУЅ УУЅ УЄУЎУБУВУ УВУЎУЗУУЎ УЊУЎУАУАУЅУЊУВУУЎ УАУ УБУЏУЎУЇУУ УОУВ 'position'. УУАУ УГУЇУЅУА, УЊУЎУВУЎУАУЛУЉ УУЅ УЇУУ УЅУВ 'fixed', УЄУЎУЋУІУЅУ УЎУВУЊУЈУЄУЛУЂУ УВУМ УЏУАУ УЂУЈУЋУЎ 'position: fixed' УЈ УЂУЅУАУУГУВУМУБУП УЊ УЏУАУЅУЄУЛУЄУГУЙУЅУЌУГ УЇУУ УЗУЅУУЈУО 'position' УЂ УВУ УЁУЋУЈУЖУЅ УБУВУЈУЋУЅУЉ. УУ УВУЅУЌ УЌУЛ УЌУЎУІУЅУЌ УЄУЎУЁУ УЂУЈУВУМ 'position: absolute' УЏУАУПУЌУЎ УЏУЅУАУЅУЄ 'fixed' УЈ УЁУАУ УГУЇУЅУА УНУВУЎ УЈУБУЏУЎУЋУМУЇУГУЅУВ. УУЎ УЂ WinIE 5 УЈ 6 УВУ УЊУЎУЃУЎ УУЅ УЏУАУЎУЈУБУЕУЎУЄУЈУВ. УУЗУЅУЂУЈУЄУУЎ, УЊУЈУЂУЎУАУЄ 'fixed' УЈУУВУЅУАУЏУАУЅУВУЈУАУГУЅУВУБУП, УЊУ УЊ 'static' (УБУВУ УВУЈУЗУЅУБУЊУЈУЉ).
УУЛ УУЅ УБУЌУЎУІУЅУВУЅ УЂУЛУЏУЎУЋУУЈУВУМ 'fixed' УЂ WinIE5 УЈ 6, УУЎ УБУГУЙУЅУБУВУЂУГУЅУВ УЎУЁУЕУЎУЄ УНУВУЎУЉ УЏУАУЎУЁУЋУЅУЌУЛ. УУІУЎУ У УУЎУЗ УАУ УБУБУЊУ УЇУ УЋ УЌУУЅ УЎУЁ УНУВУЎУЌ УВУАУОУЊУЅ (УЈУЇ УЅУЃУЎ УЊУЎУЋУЋУЅУЊУЖУЈУЈ УАУЅУИУЅУУЈУЉ). УУЏУЅУАУЂУ УЏУЅУАУЅУЌУЅУБУВУЈУВУЅ 'position: fixed' УЂ УЏУАУ УЂУЈУЋУ УЕ УБУВУЈУЋУЅУЉ УУ УЄ 'position: absolute' УЈ УЇУ УВУЅУЌ УЂУБУВУ УЂУМУВУЅ УБУЋУЅУЄУГУОУЙУЅУЅ УЏУАУ УЂУЈУЋУЎ УЗУГУВУМ УУЈУІУЅ УВУ УЁУЋУЈУЖУЛ УБУВУЈУЋУЅУЉ:
body>div.banner {position: fixed}
(У УБУЋУЈ УЁУ УУУЅУА DIV УУ УЕУЎУЄУЈУВУБУП УЂУУГУВУАУЈ УЄУАУГУЃУЎУЃУЎ УНУЋУЅУЌУЅУУВУ , У УУЅ УЂ УЎУБУУЎУЂУУЎУЌ, УЏУЅУАУЅУЌУЅУБУВУЈУВУЅ УЎУБУУЎУЂУУЎУЉ УНУЋУЅУЌУЅУУВ УЇУ УНУВУЎУВ УНУЋУЅУЌУЅУУВ.) УУДУДУЅУЊУВ УЂ УВУЎУЌ, УЗУВУЎ УЁУАУ УГУЇУЅУАУЛ, УЊУЎУВУЎУАУЛУЅ УЇУУ УОУВ УЎ '>' (УЄУЎУЗУЅУАУУЅУЌ УНУЋУЅУЌУЅУУВУЅ) CSS, УЁУГУЄУГУВ УЈУБУЏУЎУЋУМУЇУЎУЂУ УВУМ УНУВУЎ УЏУАУ УЂУЈУЋУЎ, УУЎ УЁУАУ УГУЇУЅУАУЛ, УЊУЎУВУЎУАУЛУЅ УУЅ УЇУУ УОУВ УЎ УУЅУЌ, УЂ УЗУ УБУВУУЎУБУВУЈ WinIE5 УЈ WinIE6, УЁУГУЄУГУВ УЅУЃУЎ УЈУЃУУЎУАУЈУАУЎУЂУ УВУМ. УУЌУЅУБУВУЎ УУЅУЃУЎ УЁУГУЄУЅУВ УЈУБУЏУЎУЋУМУЇУЎУЂУ УВУМУБУП УЏУАУ УЂУЈУЋУЎ 'position: absolute' УЈ УЌУЅУУО УЁУГУЄУЅУВ УУ УЏУАУ УЂУЈУЋУМУУЎУЌ УЌУЅУБУВУЅ, УЇУ УЈУБУЊУЋУОУЗУЅУУЈУЅУЌ УВУЎУЃУЎ, УЗУВУЎ УЎУУЎ УЁУГУЄУЅУВ УДУЈУЊУБУЈУАУЎУЂУ УУУЛУЌ УЂУЎ УЂУАУЅУЌУП УЏУАУЎУЊУАУГУВУЊУЈ.
УУ УІУУЎ, УЗУВУЎУЁУЛ УЂУЎУЊУАУГУЃ '>' УУЅ УЁУЛУЋУЎ УБУЂУЎУЁУЎУЄУУЎУЃУЎ УЏУАУЎУБУВУАУ УУБУВУЂУ .