Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z marginesami na szablonie bootstrapa
Forum PHP.pl > Forum > Przedszkole
viamarimar
PROBLEM1.
Witam. Małe pytanie co do szablonu, który prubuje wykonać. Chodzi o przerobiony kod bootstrapa. Wszystko wygląda fajnie... Chcialem tylko drobna modyfikacje wprowadzic ale .. no tak inaczej by mnie tu nie bylo.
Mam na stronie menu oparte o
  1. <ul class="list-group row"> ...

Teraz tak strone podzielilem na kolumny i w kazdej kolumnie jest zawarte nowa lista chcialem aby przy malej rozdzielczosci listy sie laczyly i nie byly pomiedzy nimi odstepu.

i teraz:
Mam cos takiego:
  1. .list-group {
  2. padding-left: 0px;
  3. margin-bottom: 20px;
  4. }


gdy powiedzmy zmienie to na :

  1. .list-group {
  2. padding-left: 0px;
  3. margin-bottom: -10px;
  4. }


to problem jest rozwiazany, gdy ustawiam 0px to brakuje tych 10. i nigdzie nie moge znalesc brakujacyh co by ich sie pozbyc. Nie wiem juz gdzie i o co chodzi a raczej piksele na minusie to nie bardzo tak slyszalem.
Pomoze ktos?

Dokladnie chodzi o to ze jak sie zminimializuje strone do wersji (smartfonowej) to pomiedzy kolejnymi czesciami list(kategoriami) sa niebieskie odstepy(w tym przypadku)

Link do testowej strony:
http://koszyk.cba.pl/rec2/okkk.htm

PROBLEM2.
I teraz tak zeby nie zakladac nowego tematu problem tego samego typu, stopka nie dotyka dolu strony, wiem jest tam margines dolny 20px ale nawet jak sie go usunie to nic to nie da

pozatym takie pytanie czy cos sie zmienilo i marginesy gorny z dolnym ktos pozamienial/ obramowania itp?

bo np chcac zrobic obramowanie border-top to robi mi sie dolne a border-bottom gorne wtf?! i z marginesami to samo.
Mega_88
  1. .list-group {
  2. padding-left: 0;
  3. margin-bottom: 0px;
  4. }
  5.  
  6. ul, ol { // To jeszcze znajdź i zmień na 0px bo tutaj jest te 10px
  7. margin-top: 0;
  8. margin-bottom: 0px;
  9. }
viamarimar
tylko jak sam piszesz wyswietla sie 0 ;p
rozwiazalem juz to w inny sposob ale i tak jestem ciekaw gdzie jest te 10px? jakas magia?
Mega_88
Cytat(viamarimar @ 4.06.2015, 16:15:32 ) *
tylko jak sam piszesz wyswietla sie 0 ;p
rozwiazalem juz to w inny sposob ale i tak jestem ciekaw gdzie jest te 10px? jakas magia?


Wyświetla się 0 bo sam zmieniłem na zero w Twoim CSS jest tak:
  1. ul, ol {
  2. margin-top: 0;
  3. margin-bottom: 10px;
  4. }


Tylko wcześniej nadpisujesz sobie te 10px tym:
  1. .list-group {
  2. padding-left: 0;
  3. margin-bottom: 20px;
  4. }


Zobacz tutaj: http://ifotos.pl/zobacz/screen1jp_wsnpnpw.jpg

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.