21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
veve.ve
Profil *
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
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>
Udělal jsem zjednodušenou ukázku, zkoukni pro inspiraci, http://kod.djpw.cz/exmb
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">
U HTML atributů se jednotky px nepíšou. Pozor, v CSS je jednotky px musí psát:
<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 *
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 *
[url=http://kod.djpw.cz/gxmb][/url]


děkuji, už jsem na to přišla :-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0