 [CSS][HTML] Zmiana położenia obrazka-ikonki w buttonie |
  |
| [CSS][HTML] Zmiana położenia obrazka-ikonki w buttonie |
  3.05.2013, 21:45:17
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 135 Pomógł: 0 Dołączył: 21.09.2005 Ostrzeżenie: (10%) 
 |
Jak wyrównać obrazek-ikonkę w przycisku który wygląda mniej wiecej tak:
Kod <a href="adres" class="button"><img src="ikonka.png" />Nazwa</a> Obrazek ikonki zawsze jest przyklejony do góry buttonika, gdy zastosuje padding w CSS to wysokość buttona się zwiększa, a tego nie chcę. CSS mam podobny do tego ze strony: http://horaciobella.com/zardi/# |
 |
 
|
|
3.05.2013, 22:53:59
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 168 Pomógł: 126 Dołączył: 5.02.2010 Skąd: Świdnica Ostrzeżenie: (0%) 
|
Sugeruję wrzucić to, co zrobiłeś na jsfiddle.net
|
|
|
|
|
3.05.2013, 23:21:17
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 135 Pomógł: 0 Dołączył: 21.09.2005 Ostrzeżenie: (10%)
|
aktualnie efekt osiągnąłem klasą .button img (na samej górze stylu): http://jsfiddle.net/VzWp5/
dla obrazka dałem vertical-align: middle i do tego margines od góry na -2 wszystko jest poprawnie, czy można to zrobić jakoś inaczej? |
|
|
|
|
4.05.2013, 07:50:32
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 1 729 Pomógł: 346 Dołączył: 4.04.2009 Ostrzeżenie: (0%)
|
Można to zrobić na kilka sposobów np:
http://twitter.github.io/bootstrap/base-css.html#icons ikona jako tło wypozycjonowane w buttunie ikona jak :previous w buttonie obrazek wypozycjowany absolutnie w buttonie obrazek vertical-align: middle obok span również tak ustawiony -------------------- |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.07.2025 - 17:46 |
