| Autor | Zpráva | ||
|---|---|---|---|
| veve.ve Profil * |
#1 · Zasláno: 1. 5. 2015, 17:08:49
Ahoj, potřebovala bych, aby se mi po najetí na obrázkový rámeček změnila barva zelená na červenou (zadání od učitelky: Obrázky mají zelený okraj, po najetí myši nad obrázek se okraj změní na červený. Vše nadefinujte pomocí CSS. Využijte vhodné odsazení. Vzhled bude podobný jako na přiložené ukázce.
Pro první obrázek budou CSS definice v externím souboru, pro druhý obrázek v hlavičce stránky a pro třetí obrázek přímo v HTML tagu (tzv. inline). Pro třetí obrázek nedělejte změnu barvy po najetí myší.) Chtěla jsem použít hover, ale nevím, jestli to jde i bez odkazu. dík. http://kod.djpw.cz/zwmb |
||
| Marschmallow Profil |
veve.ve:
Jde to pomocí :hover. Tabulka a obrázky |
||
| Bubák Profil |
#3 · Zasláno: 1. 5. 2015, 17:59:07
Hover bez odkazu jde, funguje v prohlížečích novějších, než je IE6.
Používáš !doctype, který způsobí, že v IE, kromě nejnovějších verzí způsobí, že v v nich hover funguke jen na odkazech. Pokud to zadání dovoluje, změň !doctype třebas na tento, používá ho, jako výchozí i zdejší živá ukázka: <!doctype HTML> To, že jednou při hoveru měním border a podruhé border-color, je záměr, vyber si, co ti vyhovuje. V ukázce jsem použil třídy, místo id, pokud nemusím, třídy nepoužíváním, fungovat ti bude obojí.
<img id="prvni"src="foto/1.jpg" width="240px" height="180px"> <img style="border: 6px double green;" src="http://mujweb.cz/radekhrabuvka/images/mensi08.png"> Pokud si ve škole hrajete na validitu, tak u obrázků je povinný atribut alt.
Pokud ti něco není jasné, tak se zeptej. |
||
| veve.ve Profil * |
#4 · Zasláno: 1. 5. 2015, 18:13:41
děkuju mockrát za rady.
Může mi prosím někd říct, jak je možné, že mi tu tady funguje, ale když otevřu soubor přes složku, tak ne? Omlouvám se za iritaci, ale sedím nad tím už celý den a už to chci mít hotové :-D (a pochopené :-) ) |
||
| veve.ve Profil * |
#5 · Zasláno: 1. 5. 2015, 18:27:29 · Upravil/a: veve.ve
[url=http://kod.djpw.cz/gxmb][/url]
děkuji, už jsem na to přišla :-) |
||
|
Časová prodleva: 9 let
|
|||
0