Diskuze: dokonalý odkaz??

HTML a CSS HTML a CSS dokonalý odkaz?? American English version English version

Avatar
thisisis
Člen
Avatar
thisisis:

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  +1 18.7.2011 11:21
Avatar
Odpovídá na thisisis
David Jančík [sczdavos]:

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
Čím více času dostaneš, tím méně ho máš.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na thisisis
David Čápka:

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
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Drahomír Hanák:

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:

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
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
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.