Autor | Zpráva | ||
---|---|---|---|
Daidalos Profil |
#1 · Zasláno: 11. 3. 2011, 17:54:26
Ahoj lidi, potřebuji trochu pomoci.
Potřebuji mít odkaz(obrázek), který se při najetí myší změní na jiný. Celé to potřebuji mít nejlépe v absolutním centeru stránky (vertikálním i horizontálním). Změnění obrázku jsem vyřešil a:hover a background- image. Takže odkaz vždy změní jen pozadí. Center sám o sobě by taky nebyl až zas takový problém. Zkoušel jsem to pomocí tabulky (td align..), nebo přes top: 50%. Ale bohužel vždy se vycentruje levý horní roh toho obrázku, respektive to kde je ten odkaz (co bych taky chtěl, centruje se odkaz ne pozadí). A mě nenapadá co dál. Napadlo mě tvrdě to vycentrovat pixelama, ale to bude zas na každém rozlišení jiné. Takže toto řešení jsem také zavrhl. Za každou konstruktivní odpověď, budu vděčný. |
||
pavuk Profil |
#2 · Zasláno: 11. 3. 2011, 18:04:01 · Upravil/a: pavuk
Nevím nakolik je to drbání levou nohou za pravým uchem, ale kdysi jsem tu četl o centrování pomocí % a dvou divů.
Div se vycentuje na 50% shora i zleva, tedy levým horním rohem přesně doprostřed stránky, a obrázek v něm v dalším divu se napozicuje o polovinu šířky obrázku vlevo a polovinu výšky obrázku nahoru. Výsledkem je umístění přesně na střed ve všech rozlišeních (samozřejmě pokud jsou větší než obrázek) |
||
panther Profil |
#3 · Zasláno: 11. 3. 2011, 18:15:22 · Upravil/a: panther
Daidalos:
jestli znáš rozměry toho centrovaného objektu, pak je řešení snadné. Znáš? |
||
Daidalos Profil |
#4 · Zasláno: 11. 3. 2011, 18:28:30
pavuk: to zní zajímavě, ale musim si to ještě párkrát přečíst abych to pochopil :D
panter: obrázku? Ano ten má 264x297 :) |
||
Tori Profil |
#5 · Zasláno: 11. 3. 2011, 18:35:20
|
||
Daidalos Profil |
#6 · Zasláno: 11. 3. 2011, 18:49:58 · Upravil/a: Daidalos
Oboje sem si čet už před tím, a nijak zvlášť mi to nepomohlo.
Jde o to, že se musí vycentrovat hlavně to pozadí odkazu (kvůli tomu měnícímu se obrázku). |
||
pavuk Profil |
#7 · Zasláno: 11. 3. 2011, 19:07:10
Daidalos:
Řečeno lidsky vezmeš obrázek, položíš ho levým horním rohem na střed stránky a pak ho posuneš o půlku obrázku doleva a o půlku obrázku nahoru - je uprostřed |
||
Daidalos Profil |
#8 · Zasláno: 11. 3. 2011, 19:10:25
Jasně, tak nějak sem si to myslel.
Ale dá se to aplikovat na to pozadí odkazu jak jsem psal v prvním příspěvku? Mě totiž nenapadá jak to udělat. |
||
panther Profil |
#9 · Zasláno: 12. 3. 2011, 08:04:30
Daidalos:
„pozadí odkazu jak jsem psal v prvním příspěvku?“ v prvním příspěvku jsi psal o obrázku, „Ale bohužel vždy se vycentruje levý horní roh toho obrázku“. Pozadí se centruje background-position . Obrázek, pokud znáš rozměry, tak, jak napsal [#7] pavuk (to je to, co jsem myslel já v [#3]).
Nějak se začínám ztrácet v situaci co kde máš, nechtěl bys dodat odkaz na živou ukázku problému? Dle [#1] nevidím jediný důvod, proč by nešlo použít pavukovo řešení. Je jedno, jestli budeš centrovat obrázek, odkaz s obrázkem, nebo odkaz s obrázkovým pozadím. |
||
Daidalos Profil |
#10 · Zasláno: 13. 3. 2011, 22:29:44
Zkusil jsem to pozadí posunout, ale zobrazovala se jen část.
Tady je co potřebuji http://romanrajchert.tym.cz/WEB2/ , ten zámek v centru. Přemýšlel jsem nad tím, jak jste to mysleli, ale pořád ne a ne. |
||
panther Profil |
#11 · Zasláno: 13. 3. 2011, 23:04:04
Daidalos:
<style> a {background: url(zamek.png); position: absolute; top: 50%; left: 50%; margin: -149px 0 0 -132px; display; block; width: ...px; height: ...px} a:hover {background: url(...);} </style> <a href=""></a> Žádnou tabulku nepotřebuješ, postačí tenhle kód + záměna obrázku. Lépe než na pozadí by zde byl IMG, tedy <a href=""><img src="zamek.png"></a> , tam by se musela vyřešit záměna obrázku. Buď pomocí JS (a změnou src při onmouseover/out, nebo jinak (např. pomocí CSS).
|
||
Daidalos Profil |
#12 · Zasláno: 14. 3. 2011, 15:52:21
Ha, díky moc!
Btw jaké myslíte že by bylo vhodné pozadí? |
||
Časová prodleva: 13 let
|
0