• 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?

VPS Starter Arubacloud
0 głosów
767 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,879 wizyt
pytanie zadane 6 marca 2018 w HTML i CSS przez BIREXD Obywatel (1,180 p.)
0 głosów
1 odpowiedź 412 wizyt
pytanie zadane 28 grudnia 2016 w HTML i CSS przez Muzykeq Użytkownik (710 p.)
+1 głos
2 odpowiedzi 1,322 wizyt
pytanie zadane 19 sierpnia 2016 w HTML i CSS przez niezalogowany

92,452 zapytań

141,262 odpowiedzi

319,079 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...