| Autor | Zpráva | ||
|---|---|---|---|
| petey Profil |
#1 · Zasláno: 7. 12. 2012, 23:48:31
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);
} |
||
| weroro Profil |
#2 · Zasláno: 8. 12. 2012, 00:30:26
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 |
#3 · Zasláno: 8. 12. 2012, 00:33:31 · Upravil/a: petey
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 * |
#4 · Zasláno: 8. 12. 2012, 00:53:27
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 |
#5 · Zasláno: 8. 12. 2012, 01:25:17
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 |
#6 · Zasláno: 8. 12. 2012, 07:28:14
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í. |
||
|
Časová prodleva: 28 dní
|
|||
| petey Profil |
#7 · Zasláno: 4. 1. 2013, 19:35:18
jenikkozak:
Pěkná stránka, netušil jsem její existenci, budu využívat, díky! |
||
|
Časová prodleva: 11 let
|
|||
0