• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Jak wyśrodkować inkonki fontello?

Object Storage Arubacloud
0 głosów
788 wizyt
pytanie zadane 8 listopada 2015 w HTML i CSS przez WojciechJot Gaduła (3,410 p.)
zamknięte 10 listopada 2015 przez WojciechJot

Tak jak w temacie. Jak wyśrodkować ikonki fontello? 

Jedyne co działa i mnie ratuje to padding-left: 50px;  przy ikonkce od facebooka, co logiczne bo jest pierwsza od lewej, ale zadne text-align: center; albo align: center; nie działa. :)  zostałem skazany tylko na padding? wydaje mi sie, że da sie to jakoś inaczej i wygodniej rozwiązać ;) załączam screenshota

po paddingu:

 

przed:

 

komentarz zamknięcia: Ogarniam.

3 odpowiedzi

+1 głos
odpowiedź 8 listopada 2015 przez Janusz92 Bywalec (2,150 p.)
Może taki prosty układ Ci w czymś pomoże :)

http://codepen.io/anon/pen/xwyjWe
0 głosów
odpowiedź 8 listopada 2015 przez Michał628496 Pasjonat (17,340 p.)
wpisujesz do css tetxt-align czy text-align?
komentarz 8 listopada 2015 przez WojciechJot Gaduła (3,410 p.)
text-align  

Po prostu w poscie sie pomyliłem.
0 głosów
odpowiedź 8 listopada 2015 przez ciemna_strona_klamki Gaduła (4,360 p.)
Szkoda, że nie zamieścileś kodu. Może div na fontello ma ustawiony float. Na pewno stosujesz text-align do właściwego elementu? Sprawdź margin-left: auto i margin-right:auto.
komentarz 8 listopada 2015 przez WojciechJot Gaduła (3,410 p.)
Masz tutaj cały kod;

http://justpaste.it/ov0o
komentarz 8 listopada 2015 przez makoso Mądrala (7,380 p.)
po samym html-u nikt nie pomoże, css też by się przydał  ale jak już tak patrzę to najlepiej by było gdybyś wszystkie ikontki zapakował do jednego div-a w tym divie ustawiasz text-align:center; wstawiasz odnośnik który ma padding-left:0.5em; w odnośniku ikonkę i gra gitara o ile się nie mylę
komentarz 8 listopada 2015 przez WojciechJot Gaduła (3,410 p.)
css jest tez podany, przewin sobie
komentarz 8 listopada 2015 przez Janusz92 Bywalec (2,150 p.)
Tutaj przygotowałem ( trochę prowizorycznie :) )

http://codepen.io/anon/pen/BoqxqR
komentarz 10 listopada 2015 przez WojciechJot Gaduła (3,410 p.)
edycja 10 listopada 2015 przez WojciechJot
Niby zrobiłem tak samo a wciąż nie działa, tutaj na innym przykładzie.

 
http://codepen.io/anon/pen/Xmyero

Chyba, że nie ma komendy aby centrowac cale divy, po prostu mozze sie ustawia margines i tyle?

 

Udało mi się ustawić na środku lecz są jeden pod drugim, (opcje) bo usunalem float: left i dodalem margin 0 auto. Teraz jak to wykminic zeby byly obok siebie ale wciaz na srodku?

 

Wyglada to tak:

http://codepen.io/anon/pen/KdrXgB

 

Kolejny edit: Stworzyłem diva w ktorym umiescilem diva o klasie opcja  i wtedy to wysrodkowalem, tylko pytanie czy tak mozna? Czy to jest uznawane za blad? I jak mam umiescic to na dole diva "logo" bo nie chce zeby opcje byly na górze, dalej sie bawic marginami?

Prosze o przepatrzenie kodu wzgledem poprawnosci

http://codepen.io/anon/pen/rOQGmb

Podobne pytania

+1 głos
2 odpowiedzi 2,907 wizyt
pytanie zadane 6 marca 2018 w HTML i CSS przez BIREXD Obywatel (1,180 p.)
0 głosów
1 odpowiedź 421 wizyt
pytanie zadane 28 grudnia 2016 w HTML i CSS przez Muzykeq Użytkownik (710 p.)
+1 głos
2 odpowiedzi 1,343 wizyt
pytanie zadane 19 sierpnia 2016 w HTML i CSS przez niezalogowany

92,555 zapytań

141,403 odpowiedzi

319,554 komentarzy

61,940 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...