Autor Zpráva
Daidalos
Profil
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
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
Daidalos:
jestli znáš rozměry toho centrovaného objektu, pak je řešení snadné. Znáš?
Daidalos
Profil
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
Daidalos:
jpw: centrovani-stranky.html, css-vertikalni-centrovani.html
Daidalos
Profil
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
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
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
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
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
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
Ha, díky moc!
Btw jaké myslíte že by bylo vhodné pozadí?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: