Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu. Zároveň využij slevovou akci až 30 % zdarma při nákupu e-learningu - Více informací.
python week + discount 30
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
Tým ITnetwork
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
 
Nahoru Odpovědět
18.7.2011 13:28
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na thisisis
David Čápka: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
One of the most common causes of failure is the habit of quitting when one is overtaken by temporary defeat.
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 Čápka
Tým ITnetwork
Avatar
Odpovídá na Drahomír Hanák
David Čápka: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
One of the most common causes of failure is the habit of quitting when one is overtaken by temporary defeat.
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.