Autor | Zpráva | ||
---|---|---|---|
ctverecek Profil |
#1 · Zasláno: 29. 3. 2010, 12:59:42
Zdravim na tomto webu pouzivam top menu, ktere funguje skvěle až na zobrazení v Opeře. CSS k tomu menu je psáno v CSS 3.0 a vypadá následovně:
.transMenu { position:absolute ; overflow:hidden; left:-1000px; top:-1000px; } .transMenu .content { position:absolute ; } .transMenu .items { border: 0px solid #FFFFFF ; position:relative ; left:0px; top:0px; z-index:2; } .transMenu td { padding: 5px 5px 5px 5px !important; font-size: 13px !important ; font-family: Tahoma, Arial, sans-serif !important ; text-align: left !important ; font-weight: normal !important ; color: #FFFFFF !important ; } #subwrap { text-align: left ; } .transMenu .item.hover td { color: #c2e8fd !important ; } .transMenu .item { text-decoration: none ; cursor:pointer; } .transMenu .background { background-image:none; background-color: #2fa1fd !important ; position:absolute ; left:0px; top:0px; z-index:1; opacity:0.85; filter:alpha(opacity=85) } .transMenu .shadowRight { position:absolute ; z-index:3; top:-3000px; width:2px; opacity:0.85; filter:alpha(opacity=85) } .transMenu .shadowBottom { position:absolute ; z-index:1; left:-3000px; height:2px; opacity:0.85; filter:alpha(opacity=85) } .transMenu .item.hover { background-image:none; background-color: #2fa1fd !important ; } .transMenu .item img { margin-left:10px !important ; } table.menu { top: 8px; left: 8px; position:relative ; margin:0px !important ; border: 0px solid #FFFFFF ; z-index: 1; } table.menu a{ margin:0px !important ; padding: 5px 5px 5px 5px !important ; display:block !important; position:relative !important ; } div.menu a, div.menu a:visited, div.menu a:link { font-size: 13px !important ; font-family: Tahoma, Arial, sans-serif !important ; text-align: left !important ; font-weight: normal !important ; color: #FFFFFF !important ; text-decoration: none !important ; margin-bottom:0px !important ; display:block !important; white-space:nowrap ; } div.menu td { border-bottom: 1px none #FFC819 ; border-top: 1px none #FFC819 ; border-left: 1px none #FFC819 ; background-image: URL("http://beta.vyslystav.cz/modules/mod_swmenufree/images/Untitled_2.png") ; background-color: #FFFFFF !important ; } div.menu td.last { border-right: 1px none #FFC819 ; } #trans-active a{ color: #c2e8fd !important ; background-image:none; background-color: #2fa1fd !important ; } #menu a.hover { background-image:none; color: #c2e8fd !important ; background-color: #2fa1fd !important ; } #menu span { display:none; } nemůžu přijít na to který tag je tam nesprávný a rozhazuje mi to menu v Opeře. Další věc problem zvalidovat tento kod protoze porad dostavam tyto chyby. Vydite tam nekdo neco co ja ne? |
||
Plaváček Profil |
#2 · Zasláno: 29. 3. 2010, 13:03:09
ctverecek:
V Opeře 10.10 jsem žádný rozdíl oproti zobrazení v jiných prohlížečích nezaznamenal. Validní CSS je zbytečnost (v tomto případě ji ani nelze dosáhnout). |
||
ctverecek Profil |
#3 · Zasláno: 29. 3. 2010, 13:07:33 · Upravil/a: ctverecek
Ja pouzivam Operu 10.51 a tam ten problem bohuzel je. Viz.: obrazek
|
||
Časová prodleva: 14 let
|
0