Autor Zpráva
Valek.M
Profil *
Dobry den. Nevite nekdo jak vyresit nasledujici problem?
Mam nastavenou pruhlednost u odkazu a opera se chova jaksi hodne podivne a to tak ze odkaz pred najetim jde jen castecne videt asi jen polovina tlacitka(polopruhledny....) az pri najeti se zobrazi celi odkaz(tlacitko...a:hover-opacity=1) asi vice pochopite z nasledujiciho:

http://www.valecekm.wz.cz/
tlacitka v liste Zajimave odkazy:

-----------------------------------------

a jeste css:

a.tl1,a.tl1:link,a.tl1:visited{
position:relative;
top:9px;
left:4px;
text-align:left;
background-color:transparent;
background-image:url("grafika/tl1a.gif");
background-position:left top; 
background-repeat:repeat-x;
height:41px;
width:80px;
min-height:41px;
max-height:41px;
color:silver;
font-size:12pt;
font-weight:normal;
font-family:Arial;
padding:10px;
display:inline;
text-decoration:none;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60); 
-moz-opacity: 0.60;
opacity: 0.60;
border-radius:5px;  
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
}
a.tl1:hover{
background-image:url("grafika/tl1b.gif");
color:white;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); 
-moz-opacity: 1.0;
opacity: 1.0;
}

-----------------------------------------------------

Ve FF vpohode, akorat sem nepochopil chovani opery.. kdyz pruhlednost odstranim odkaz se chova normalne(link i hover jde videt cele tlacitko)..samozrejmne IE 6 ignorace totalni ale to neresim.. problem je s vykreslenim tlacitka v opere jeste pred najetim mysi..zobrazi se jen polovina tlacitka.. Kdyby jste nekdo vedel jak nato nebo co se to v opere vlastne deje byl bych moc rad.
Diky Martin
Jax
Profil *
Nevim proc tam mas tolik zbytecnosti.. takhle mi to v opere funguje (asi) spravne:
.tln1{
width:120px;
height:41px;
color:gray;
font-size:12pt;
font-family:Arial;
padding:10px;
display:block;
float:left;
margin-right:5px;
text-decoration:none;
background-image:url("grafika/tln2.gif");
background-position:left top; 
background-repeat:repeat-x;
border-radius:4px;  
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
}

a.tl1,a.tl1:link,a.tl1:visited{
display:block;
float:left;
margin-right:4px;
background-image:url("grafika/tl1a.gif");
background-repeat:repeat-x;
height:41px;
color:silver;
font-size:12pt;
font-family:Arial;
padding:10px 9px 10px 9px;
text-decoration:none;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60); 
-moz-opacity: 0.60;
opacity: 0.60;
border-radius:5px;  
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
}
Valek.M
Profil *
ok uz je to vpohode sice se to trosku posunulo smerem dolu ale to nevadi... ale jen by me zajimalo kde byla u mne chyba pokud bys to vedel. Proste proc to ve FF slo a v Opere ne.?.. abych priste u neceho neudelal nejakou jinou ptak.vinu :-)
Bubák
Profil
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
To bych napsat trochu úsporněji:
filter: alpha(opacity=60);

filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
To bych napsal ještě úsporněji:
filter: none;


samozrejmne IE 6 ignorace totalni
Potvůrka hasLayout
Jax ho zapnul, protoře má tlačítka (nebo co to je) blokové a s výškou.

Jax
Floatované elementy se chovají jako blokové, takže deklarovat display: block pak není nutné.
Valek.M
Profil *
no pruhlednost v opere zacla fungovat po oprave kodu jenomze se zaoblily pouze horni okraje odkazu :-) takze dalsi chyba a dalsi podivne chovani...aspon teda pro mne
Valek.M
Profil *
to ze se nezaobli dolni rohy dela float
Valek.M
Profil *
At premyslim a zkousim tak mne nenapadlo, jak to udelat aby se zaoblily i dolni rohy.... zaoblovani rozku pomoci javascriptu pro mne neni reseni.. jde mi o css. bez float a s display:inline se rohy zaobli ale ovsem se to cele rozhodi. ovsem zase nastane problem kdyz dam display:inline tak zase ta opera ..tlacitka katastrofa. pokud se Vam to uz nechce resit, tak nato kaslime staci my zaoblene jen horni rozky ale tohle by byl dalsi dobrej problemek k zamysleni a vyreseni :-)
Bubák
Profil
Nějak mi uniklo, čím se v prohlížeči Opera zaoblují rohy?
Valek.M
Profil *
nejde tady o zaobleni rohu v opere... to je jasny ze tohle z css3 nepodporuje (zatim), ale jde oto ze to nejde ve FF.. myslim ty spodni rozky.
Valek.M
Profil *
napisu to sem jeste jednou v tom predeslem prispevku sem to moc zamotal..:

Kdyz je u odkazu jako tlacitko nastavene float a nebo display:block , tak border-radius - se zaobli jen horni rozky... ikdyz tam dam samostatne zaoblit dolni rozky tak nic. nejde to kvuli display:block nebo float ... kdyz dam display:inline bez float tak vpohode, jenze se to menu cele rozhodi coz je problem a takto to resit nemuzu... Vse samozrejmne ve FF !.... (tu operu jsem zminil na okraj ze nastal stejnej problem jako na zacatku.. zobrazila se jen polovina tlacitka kvuli opacity).
Bubák
Profil
Nemůžu si odpustit trochu kritiky:
To je DTD pro HTML, nebo XKTML?
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Také tohle vidím prvně:
-khtml-moz-opacity:


Další, co vidím poprvé, má to být trochu jinak
border-radius-topleft: 15px;
-moz-border-radius-topleft: 15px;


Zato tohle jsem viděl mockrát, ale text-indent bude lepší:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SOŠ...


Hezký bug Opery, ale podobné jde udělat pomětně jednoduše: http://teststranek.kvalitne.cz/menu7.1/
Valek.M
Profil *
Uznávám že v tom mam bordel :-)... ale kdyz sem se pral s tou operou tak mi sla uz hlava kolem a asi sem tam natapal stopadesat prasecin. Kdybych si to potom vklidu prosel, tak bych si toho asi vsimnul, ale dik za upozorneni. A taky dik za menu urco to predelam.

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: