| 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 * |
#2 · Zasláno: 7. 2. 2009, 16:37:36
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 * |
#3 · Zasláno: 7. 2. 2009, 16:50:52
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 |
#4 · Zasláno: 7. 2. 2009, 16:53:04
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60); filter: alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.alpha(opacity=60); 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 * |
#5 · Zasláno: 7. 2. 2009, 17:06:58
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 * |
#6 · Zasláno: 7. 2. 2009, 17:17:05
to ze se nezaobli dolni rohy dela float
|
||
| Valek.M Profil * |
#7 · Zasláno: 7. 2. 2009, 17:33:51
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 |
#8 · Zasláno: 7. 2. 2009, 18:07:40
Nějak mi uniklo, čím se v prohlížeči Opera zaoblují rohy?
|
||
| Valek.M Profil * |
#9 · Zasláno: 7. 2. 2009, 18:22:25
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 * |
#10 · Zasláno: 7. 2. 2009, 18:29:43
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 |
#11 · Zasláno: 7. 2. 2009, 19:31:10
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ší: SOŠ... Hezký bug Opery, ale podobné jde udělat pomětně jednoduše: http://teststranek.kvalitne.cz/menu7.1/ |
||
| Valek.M Profil * |
#12 · Zasláno: 7. 2. 2009, 20:02:44
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.
|
||
|
Časová prodleva: 15 let
|
|||
0