NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
thisisis
Člen
Avatar
thisisis:18.7.2011 11:21

Dobrý den chtěl by jsem se zeptat na něco okolo odkazu. Zkousel sem ruzne veci,hledal na netu ale porad mi to nejde,pls podivjte se na tento kod,a poradte kde jsem udelal chybu.
A:hover {
background-image: url('images/me­nublank.gif');
background-position: top;
background-repeat: no-repeat;

} potreboval by jsem aby obrazek byl nad odkazem. predem dekuji za odpoved.

 
Odpovědět
18.7.2011 11:21
Avatar
David Jančík
Vlastník
Avatar
Odpovídá na thisisis
David Jančík:18.7.2011 13:15

Dobrý den,
tento kód by měl fungovat. Pokud máte obrázek větších rozměrů a chcete aby se vám celý zobrazil nad odkazem zkuste něco jako:

<img src="images/menublank.gif" id="image" style="visibility: hidden" />

<a href="http://www.itnetwork.cz/" onmouseover="document.getElementById('image').style.visibility = 'visible';" onmouseout="document.getElementById('image').style.visibility = 'hidden';">Islandsoft</a>
Nahoru Odpovědět
18.7.2011 13:15
Zapomeň, že je to nemožné a udělej to ;)
Avatar
thisisis
Člen
Avatar
Odpovídá na David Jančík
thisisis:18.7.2011 13:28

Dekuji

 
Nahoru Odpovědět
18.7.2011 13:28
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na thisisis
David Hartinger:18.7.2011 13:46

V tom stylu máte velké A, má tam být malé. Nevím, zda to hraje roli, ale správně je určitě malé.

Kód, který jste odeslal vám nastaví pod text každého odkazu ten obrázek (mám na mysli, že text odkazu bude napsaný přes ten obrázek).

Pokud chcete obrázek vysloveně nad textem odkazu jako např.
Obrázek
Odkaz
Můžete dát elementu a nahoře odsazení (padding: 50px; třeba), potom se text vždy zobrazí o něco níže a bude tedy pod obrázkem. Tento padding je třeba dát pak i tomu a bez hover.
Samozřejmě můžete použít i kód kolegy, ale v CSS je to čistší.

Nahoru Odpovědět
18.7.2011 13:46
New kid back on the block with a R.I.P
Avatar
Drahomír Hanák
Tvůrce
Avatar
Drahomír Hanák:26.7.2011 17:48

background-position: meli by tam byt 2 parametry.... Treba: top left. Mozna to neomezi funkcnost, ale myslim ze zapis pouze jedne pozice neni validni....

 
Nahoru Odpovědět
26.7.2011 17:48
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Drahomír Hanák
David Hartinger:26.7.2011 20:59

Přímo z webu W3C: If you only specify one keyword, the other value will be "center". Viz http://www.w3schools.com/…position.asp

Nahoru Odpovědět
26.7.2011 20:59
New kid back on the block with a R.I.P
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.