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

Pozycja ikon font awesome

VPS Starter Arubacloud
0 głosów
261 wizyt
pytanie zadane 14 marca 2020 w HTML i CSS przez tgv Użytkownik (890 p.)
edycja 14 marca 2020 przez tgv

Problem polega na tym, ikony fonawesome mają różną pozycję na podstronie Cheap Travel w footerze. Przesuwają się za bardzo w prawo w białych kołach. Sprawa dotyczy tylko tej jednej podstrony, na reszcie wyświetlają się normalnie, wycentrowane. Kiedy próbuję zmienić coś w css żeby nadać ikonom wycentrowanie, psuje się układ z 4 pozostałych podstron. O co dokładnie chodzi? Sprawdzałem wieloktronie css walidatorem. 

Próbowałem zrobić tak z ikonami, niestety nie działa.

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

Adres strony na sandboxie:

https://pre3k.csb.app/

 

 

1 odpowiedź

+1 głos
odpowiedź 14 marca 2020 przez frostify Mądrala (5,640 p.)

Problemem jest:

.coming-up a {
padding-left: 20px
}

Polecam korzystać z narzędzi dla developerów wbudowanych w przeglądarkę.

Znalezienie twojego problemu zajęło mi 10 sekund.

Kliknij prawym przycisk na element i zbadaj, na zielono wyświetla się padding, na pomarańczowo marginesy.

Jeśli nie ten element na który klikniesz stanowi problem, możesz w devtools klikać w inne elementy, np. w rodzica danego elementu jak w tym przypadku.

Dodałeś padding-left dla elementów powyżej, zapominając, że pod coming-up a może się znajdować jeszcze coś innego,

a znajdowały się właśnie twoje ikony.

komentarz 14 marca 2020 przez tgv Użytkownik (890 p.)

Taka pierdoła, a tak komplikuje życie. Duże piwo to za mało dobry człowieku. Dziękuję smiley

komentarz 14 marca 2020 przez frostify Mądrala (5,640 p.)
Jeśli za takie coś piwo, to byś chyba nie wydolił,

bo z doświadczenia wiem, że poszukiwanie bugów, to jeden z ważniejszych elementów tej pracy :)

Podobne pytania

+1 głos
3 odpowiedzi 239 wizyt
pytanie zadane 25 kwietnia 2018 w HTML i CSS przez Krzysio4224 Obywatel (1,690 p.)
0 głosów
0 odpowiedzi 124 wizyt
0 głosów
0 odpowiedzi 315 wizyt
pytanie zadane 21 marca 2021 w HTML i CSS przez Kubs Mądrala (5,190 p.)

92,845 zapytań

141,784 odpowiedzi

320,859 komentarzy

62,177 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.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...