Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Wyrownanie listy do lewej
UploaadMe
post
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 20.09.2014

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


Live : http://baczyna-tkaczy.tk/

Menu, chcialbym zeby bylo wyrownane do lewej tak jak logo, daje float left, usuwam wartosci przypisane dla listy takie jak margin, padding ale niewiele to daje. Jakis pomysł ?
Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
golabow
post
Post #2





Grupa: Zarejestrowani
Postów: 53
Pomógł: 17
Dołączył: 4.07.2014

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


Zmień margines dla elementu <h1 class="logo"></h1>, bo on powoduje że menu jest przesunięte.
Go to the top of the page
+Quote Post
UploaadMe
post
Post #3





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 20.09.2014

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


Rzeczywiście tak jest, ale dalczego ? przeciez logonie wystaje ? i jak w takim razie mam ustawić logo pośrodku tej czarnej belki ?

Ten post edytował UploaadMe 20.09.2014, 18:57:29
Go to the top of the page
+Quote Post
golabow
post
Post #4





Grupa: Zarejestrowani
Postów: 53
Pomógł: 17
Dołączył: 4.07.2014

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


Poczytaj o modelu pudełkowym: click

W sumie teraz się zorientowałem że możesz też dać do elementu <div id="logo"> styl: overflow: auto; to też pomoże bez zmiany marginesów nagłówka.

Ten post edytował golabow 20.09.2014, 19:13:24
Go to the top of the page
+Quote Post
UploaadMe
post
Post #5





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 20.09.2014

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


Cytat(golabow @ 20.09.2014, 20:09:58 ) *
Poczytaj o modelu pudełkowym: click

W sumie teraz się zorientowałem że możesz też dać do elementu <div id="logo"> styl: overflow: auto; to też pomoże bez zmiany marginesów nagłówka.

Dobra działa, możesz mi napisaćw czym dokładnie był problem, bo nie bardzo rozumiem.
Go to the top of the page
+Quote Post
golabow
post
Post #6





Grupa: Zarejestrowani
Postów: 53
Pomógł: 17
Dołączył: 4.07.2014

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


Problemem jest to że nagłówki <h1><h2>... i wiele elementów mają swoje domyślne style nadawane przez przeglądarkę aby każdy mógł stworzyć swój dokument bez znajomości CSS. Na przykład twój nagłówek ma 21px marginesu dolnego chociaż ty go nie ustawiałeś. To jest częsty problem i jak się o tym nie wie to później są takie błędy których przyczynę trudno znaleźć.

Co można na to poradzić? Wystarczy na początku arkusza dodać blok:
  1.  
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. }
  6.  

Selektor * oznacza wszystkie elementy na stronie, czyli po prostu za jednym zamachem resetujesz wszystkim elementom ich domyślne marginesy i dopełnienia. Następnie możesz ręcznie ustawiać wszystkie właściwości dla elementów.

Ten post edytował golabow 20.09.2014, 19:31:19
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 17:47