Autor | Zpráva | ||
---|---|---|---|
havlika Profil |
#1 · Zasláno: 18. 11. 2005, 10:16:21 · Upravil/a: havlika
Ahoj, právě se pokouším u odkazu udělat pozadí. Vytvořil jsem si dva obrázky, jeden mod.gif a druhý cer.gif . Modrý obrázek by se měl zobrazovat, když se na odkaz najede myší. To funguje. Trápím se ale s tím, jak udělat, aby se obrázek pod textem zobrazoval celý a abych ho mohl pod ním vertikálně a horizontálně zarovnat. V mém případě na střed. Prosím pomozte. Dík! Tady je odkaz na stránku, a tady na soubor CSS.
|
||
Havel-st Profil * |
#2 · Zasláno: 18. 11. 2005, 10:31:31
odkaz musí mít display: block; a pak může dostat rozměry width, height podle potřeby
pozicovat se může např. zleva zhora: background-image: url(cer.gif) no-repeat 4px 8px; na střed: background-image: url(cer.gif) no-repeat 100% 100%; |
||
havlika Profil |
#3 · Zasláno: 18. 11. 2005, 11:48:28
Dík, tak jsem se o to pokusil. Obrázek je celý (mod.gif), u toho (cer.gif) jsem se však snazil ještě o jeho zarovnání ale vůbec netušim co se stim teď děje. Po zadání těch rozměrů 4px 8px za no-repeat se ovál nějak namnožil. Kdyžtak se na to koukněte, odkazy jsou stejný jako předtim.
|
||
Havel-st Profil * |
#4 · Zasláno: 18. 11. 2005, 14:10:31
background-repeat: ....
to -repeat je tam navíc, takhle to přečte jen hodnotu pro opakování napiš to dohromady jako já, takhle, nadvakrát v jednom stylu je v tom akorát binec hodnoty před px si uprav podle potřeby, 4 a 8 je jen příklad |
||
Radek Hrabůvka Profil |
#5 · Zasláno: 18. 11. 2005, 15:05:55
S tím zarovnáním budou problémy při změnách velikosti písma v prohlížeči. Druhý problém je, že pokud obrázek nebude nekešované, k jeho změně nedojde "ihned", což záleží hlavně na odezvě připojení. Dá se použít jeden obrázek a "šoupat" pozadím.
http://www.volny.cz/teststranek/css-rollover/ http://www.volny.cz/teststranek/menu1/ Podle Pixyho http://www.wellstyled.com/css-nopreload-rollovers.html |
||
peta Profil * |
#6 · Zasláno: 18. 11. 2005, 17:12:57
|
||
havlika Profil |
#7 · Zasláno: 19. 11. 2005, 10:25:36
Dík, už mi to běží. Použil jsem to menu z http://www.volny.cz/teststranek/menu1/. Mohl by jste mi ale někdo objasnit hodnoty v tomhle řádku z CSS kódu.
A {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 18px; BACKGROUND: url(menu.png) #b6b6c6 no-repeat left 50%; PADDING-BOTTOM: 8px; WIDTH: 191px; COLOR: #000; PADDING-TOP: 8px; FONT-FAMILY: verdana, arial, sans-serif; HEIGHT: 24px; TEXT-ALIGN: center; TEXT-DECORATION: none} |
||
Radek Hrabůvka Profil |
#8 · Zasláno: 19. 11. 2005, 21:55:34
|
||
havlika Profil |
#9 · Zasláno: 20. 11. 2005, 19:51:46
Dík!!!
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0