Autor Zpráva
petey
Profil
Zdravím,

řeším problém v CSS pro odkazy, které zobrazuji jen obrázkem. Nechci to vkládat pomocí <a href="#"><img src="obrazek.png"></a>, ale mám to na třídy <a class="pridat"></a> a k tomu mám v CSS:
a.pridat {
    padding-left:16px;
    background-repeat:no-repeat;
    background-position:left center;
    text-decoration:none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-width: 0px;
}
a.pridat{
    background-image:url(/images/ico/plus.png);
}
a.pridat:hover{
    background-image:url(/images/ico/plus-h.png);
}
Nicméně ikonu mám 32x32px a ani width a height mi obrázek nezmenší. Nápady jak na to pro můj případ?
weroro
Profil
Pokiaľ mi je známe, tak sa nedá pri použití background-image ani v background akokoľvek transformovať rozmer vloženého obrázku. V tomto prípade bude potrebné zmenšiť dané obrázky manuálne cez nejaký grafický editor.
petey
Profil
Aj, to jsem slyšet nechtěl :-(


TAKŽE TO LZE V CSS3:

background-size: width height;

Lze zadat procenta, pixely, jak jste z CSS zvyklý.
margin
Profil *
Existuje CSS vlastnost background-size, ale není podporovaná ve všech prohlížečích.
Doporučil bych zmenšit obrázky v grafickém editoru.
petey
Profil
margin:
Jj, jak jsem psal výše...je v CSS3, takže aktuální prohlížeče, později vyzkouším kam až to lze, které to schroupou.
jenikkozak
Profil
petey:
takže aktuální prohlížeče, později vyzkouším kam až to lze, které to schroupou
To se dá vyčíst i bez zkoušení.
petey
Profil
jenikkozak:
Pěkná stránka, netušil jsem její existenci, budu využívat, díky!

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: