Autor Zpráva
Darth-Cz-
Profil *
Dobry den,

mam nasledujici dotaz:

Mam odkazy udelane pomoci obrazku a chtel bych vyuzit metodu jejich meneni pri prejeti mysi pomoci jednoho obrazku, tj. 3 obrazky v jednom a jen bych je posouval , ovsem tato metoda je popsana pomoci tagu a , pod kterym se bude posouvat pozadi , ja ale nemam v tagu a text - mam totiz odkazy jako obrazky a kdyz dam do tagu a tag img tak se mi pod nim nic neposune ,jelikoz to bude prekryto obrazkem :( zkousel jsem i display: none ,ale pak zase neni pres co prejizdet :(

Nevite nekdo, jak na tuto metodu pro odkazy jako obrazky? Pomoci javascriptu mi obrazky samozrejme vymenit jdou , ale neni to moc vhodna metoda kvuli nacitani obrazku..:(
Manq
Profil
Darth-Cz-
Místo display:none; dej visibility:hidden;
Odkazy dej blokové s rozměry nebo s paddingem. Víc jsem z tvého dotazu nepochopil.
Darth-Cz-
Profil *
visibility: hidden ma stejnej efekt jako display: none ; proste hele mam na strance odkazy udelany jako obrazky , kdyz na obrazek najedu tak chci aby se mi zmenil na jinej , pres js klasika , ale resil jsem to pomoci http://www.wellstyled.com/css-nopreload-rollovers.html ze jsem dal vsechny obrazky ktere zobrazuji a , a:hover ... do jednoho obrazku a jen ho chci posouvat ovsem kdyz ho vlozim jako obrazek zobrazi se vsechny stavy a kdyz jako pozadi tak se neposune protoze se mi tag a vykresli jako mrnava nudle sirku ma pres cely prvek ale proste nemuzu nastavit height

nejak takhle:

html:

<div class=odkaz>
<a href="index.php?page=novinky"><img src="pics/novinky_11.png" alt="Banner"></a>
</div>

css:

.odkaz {
background-image: url("pics/novinky_11.png");
width: 153px;
height: 45px;
}
.odkaz a{background-image: url("pics/novinky_11.png"); width: 153px; height: 45px;}
.odkaz img{ visibility:hidden; width: 153px; height: 45px;}
.odkaz a:hover {
background-position: -150px 0px;
}

je to zmet pokusu ale nejde to :( u tagu a width a height nic neresi , je to tam jen jakoze sem to zkousel :)
Darth-Cz-
Profil *
vyreseno strelil sem od boku:

.odkaz a{
display: block;
background-image: url("pics/novinky_11.png");
}

.odkaz img{
visibility:hidden;
width: 150px;
height: 45px;
}
.odkaz a:hover {
background-position: -150px 0px;
}

toto funguje , sice nvm , proc to s display:block funguje, ale funguje :)
nvm co poradne display: block je.To ze se zobrazi s radkovym zlomem mi nejak nerika , proc u nej jde dobre height :) kdybyste nekdo mel dobry vysvetleni , uvitam ho :)
Darth-Cz-
Profil *
dobry tak i to uz vim muzete to zamknout ci smazat :)
Bubák
Profil
.odkaz a{
display: block;
background-image: url("pics/novinky_11.png");
width: 150px;
height: 45px;
}

.odkaz a:hover {
background-position: 150px 0px;
}

Podle CSS jde dát rozměry jen blokovým elementům.
Manq
Profil
visibility: hidden ma stejnej efekt jako display: none ;
Efekt mají tyto vlastnosti stejné. Avšak jeden patrný rozdíl mezi nimi je. Prvek s display:none; nezabírá místo. Prvek s visibility:hidden; místo zabírá.
Bubák
Profil
Prvek s visibility:hidden; místo zabírá.
Pokud nemá "position: absolute", elementa s "position: absolute" jsou vždy vyňaty z toku dokumentu.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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