Autor Zpráva
aaduben
Profil *
Zdravím, nemohu se zbavit hoveru v IE a Firefoxu, v šabloně css jsem to deklarovala jako display-none, opera, chrome i netscape to zobrazují správně, ale ostatní ne. Dala jsem i do hlavičky html podmíněný komentář ....
<!-- [if IE]>
<style type="text/css">
#obrazky img a:hover{text-decoration:none;}
#obrazky img a{display:none;}
</style>
<![endif]-->,ale stejně se to tam zobrazuje.
Prosím o radu.
Děkuji (aaduben@seznam.cz)
Nox
Profil
aaduben
To co tam máš napsané znamená "aplikuj toto na odkaz, který je zanořený do <img> tagu, co je v #obrazky"...ale do <img> snad nejde nic zanořit, tak by to ani nemělo fungovat

Jinak je tu dost málo informací, je tu jen oprava pro IE, ale ne původní kód a popis jak to má vypadat, to se pak řeší obtížně
aaduben
Profil
jde o to že se mi kolemnáhledů obrázků který fungujou jako odkaz na normální obrázek vytvořil rámeček,odkazy s obrázky vypadaj takhle:
<div id="obrazky">
<a href="galerie/obr4.jpg" >
<img src="galerie/obr4x.jpg" alt="schody k litomyšlskému zámku" />

</a>
<a href="galerie/obr6.jpg" >
<img src="galerie/obr6x.jpg" alt="schody" />
</a>

<a href="galerie/obr8.jpg" >
<img src="galerie/obr8x.jpg" alt="vstupní portál k litomyšlskému zámku " />
</a>

</div>
<!-- konec obrazky -->



a šablona css s obrázky asi takhle:
#obrazky{width:70%;
float:right;
padding:3px;
margin:10px;

}
#obrazky img{margin:5px 20px 5px 20px;
}
#obrazky img a{display:none;

}
#obrazky img a:hover{text-decoration:none;

}

#obrazky img{float:left;margin:2px;padding:4px;

}


nevím jestli to je špatně,ale zobrazuje mi to ěpatně jen IE a Firefox.....
Proto se ptám na radu, kódování se učím tak nějak třetí měsíc.......
Joker
Profil
aaduben:
Špatně je velmi prostá věc:
<div id="obrazky"> 
  <a href="galerie/obr4.jpg" > 
    <img src="galerie/obr4x.jpg" alt="schody k litomyšlskému zámku" /> 
   </a> 
...
</div>

Ten obrázek nemá cestu #obrazky img a, ale #obrazky a img. Je to obrázek v odkazu, ne odkaz v obrázku.
S hoverem to pak je: #obrazky a:hover img
Trejpa
Profil
aaduben
1) Za prvé: Jak už napsal Nox, tvůj zápis je chybný, odkaz do obrázku vložit nelze, takže se nikdy neprovede.
2) Za druhé: Pokud by to bylo obráceně, tedy #obrazky a img {}, tak je ti zase ta první deklarace k ničemu. Odkazu, který neexistuje (má display: none;) můžeš nastavit libovolný :hover a NIC se nestane, protože když na stránce není, tak na něho těžko najedeš myší.
3) Není jasné, co vlasně chceš zrušit. Pseudotřída „hover“ vyjadřuje stav po najetí myší, ne konkrétní efekt - má snad obrázek rotovat, poskočit, zmizet, zrůžovět?

Co to dělá teď a co si přeješ aby se dělo?
a) Zrušit rámeček kolem obrázku? #obrazky a img { border: 0; }
b) Nepodtrhávat odkaz? #obrazky a { text-decoration: none; }
c) Zrušit vylézající řádek pod obrázkem? #obrazky img { vertical-align: center; }
d) Něco jiného? Popiš to lépe a dej sem odkaz (případně celý kód).

Dotaz: Proč dáváš do podmíněného komentáře něco, co má fungovat ve všech prohlížečích?

EDIT: Pozdě.
aaduben
Profil
jen jsem to zkoušela,... mě jde jen o to aby ten obrazek byl výlučně afurtbez toho rámečku, když jsem použila deklaraci display:none, tak mi to v opeře i googlu a netscapu funguje uplně bez problemu......
Trejpa
Profil
aaduben
jde jen o to aby ten obrazek byl výlučně afurtbez toho rámečku
#obrazky { width: 70%; float: right; padding: 3px; margin: 10px; }
#obrazky img { margin: 5px 20px; }
#obrazky a img { border: 0; }
#obrazky a { text-decoration: none; }

/*  --  nepoužít, pouze k vysvětlení
#obrazky img {  --  deklarace s floatem by měla být nastavena pro vnější element, tedy odkaz (#obrazky a {})
float: left;  --  pokud jde o samostatné obrázky, tak je to zbytečné, obrázky se chovají podobně
margin: 2px;  --  nastaveno výše i u tebe
padding: 4px;  --  obrázky nemají padding
}
*/


Vlastnost display s hodnotou none ZRUŠÍ celý element včetně obsahu - ne jen jeho pozadí či rámeček.
aaduben
Profil
Mocky děkuji, funguje to, trochu jsem to s těma vlastnostma přehnala......Už to funguje.
Ještě jednou moc dík.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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