[]
list-style-image ile ok resmi tanıttım. ama resimde de görüldüğü gibi, icon ile yazı bir türlü hizalanmıyor. nasıl yaparım bunu yav?
CSS sorusu
list-style-image ile ok resmi tanıttım. ama resimde de görüldüğü gibi, icon ile yazı bir türlü hizalanmıyor. nasıl yaparım bunu yav?
yazı ile logo aynı div içine al margin top bottom ve paddin olayı ver birde bunlarala çözebilirsin sanırın
- hitsumo
(23.10.12 13:36:09)
bunu ancak o ok resminin üzerine transparan (ya da arka planla aynı renkte) boşluk vererek yapabilirsin. list-style-image ile atanan resmin dikey pozisyonunu belirleyebileceğin bir css yöntemi yok.
- stopnsilence (23.10.12 13:47:07)
ul li{background:url(../images/ok.png) no-repeat left center;}
yukarıdaki gibi yaparsan yazıyla hizalanmış olur. en sondaki center sağlayacak bunu.
yukarıdaki gibi yaparsan yazıyla hizalanmış olur. en sondaki center sağlayacak bunu.
- IncredibleMau
(23.10.12 14:00:42)
Daha düz bir çözüm ise senin satırının yüksekliği ne kadar ise (sallıyorum 36px); o ok imajını da yükseklği 36px olacak (arkası ister transparan ister satır ile aynı gri) bir görselin ortasına yerleştir.
- dungangadunganga (23.10.12 14:01:05)
Resmi ve Yazıyı ayrı div'ler içine alman gerek (yan yana durabilmesi için float:left vermen gerek bu iki div'e) resmin olduğu divin style'ına padding-top:5 ver mesela aşağı kayar o. Not: Bu iki divin dışına da bir div açıp style'ına overflow:hidden vermen gerek.
- mylord (23.10.12 14:32:24)
- disq (23.10.12 17:14:50 ~ 17:15:44)
1
