Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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í.
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
 
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
You are the greatest project you will ever work on.
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
You are the greatest project you will ever work on.
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.