Autor Zpráva
ctverecek
Profil
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
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
Ja pouzivam Operu 10.51 a tam ten problem bohuzel je. Viz.: obrazek

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: