Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Problem z marginesami na szablonie bootstrapa
viamarimar
post 4.06.2015, 00:52:46
Post #1





Grupa: Zarejestrowani
Postów: 303
Pomógł: 1
Dołączył: 24.09.2011

Ostrzeżenie: (10%)
X----


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.

Ten post edytował viamarimar 4.06.2015, 00:53:13
Go to the top of the page
+Quote Post
Mega_88
post 4.06.2015, 09:41:22
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----


  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. }


Ten post edytował Mega_88 4.06.2015, 09:41:52
Go to the top of the page
+Quote Post
viamarimar
post 4.06.2015, 15:15:32
Post #3





Grupa: Zarejestrowani
Postów: 303
Pomógł: 1
Dołączył: 24.09.2011

Ostrzeżenie: (10%)
X----


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?
Go to the top of the page
+Quote Post
Mega_88
post 4.06.2015, 15:25:56
Post #4





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----


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

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.04.2024 - 14:13