Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Nie pokazuje gornego marginesu
Forum PHP.pl > Forum > Przedszkole
Oczko21
Witam,
Mam problem z ustawieniem gornego marginesu(lewy dziala, a gorny cos nie bardzo)
  1. html, body {
  2.      background-color:#fff;
  3.      padding:0px;
  4.      margin:0px;
  5.      width:1024px;
  6. }
  7.  
  8. #LOGO {
  9.      width:1024px;
  10.      background-image:url(images/strona2_01.gif);
  11.      background-repeat:no-repeat;
  12.      height:188px;
  13. }
  14.  
  15. #MENU0 {
  16.      width:1024px;
  17.      background-image:url(images/strona2_02.gif);
  18.      background-repeat:no-repeat;
  19.      height:60px;
  20. }
  21.  
  22. #MENU0 p {
  23.      margin-left: 50px;
  24.      margin-top: 10px;
  25.      padding: 10px 60px 0 0;
  26.      display:inline;
  27.  
  28. }


  1. <div id="top">
  2. <div id="LOGO"></div>
  3. <div id="MENU0">
  4. <p><a href="">link1</a></p>
  5. <p><a href="">link2</a></p>
  6. <p><a href="">link3</a></p>
  7. <p><a href="">link4</a></p>
  8. <p><a href="">link5</a></p>
  9. <p><a href="">link6</a></p>
  10. <p><a href="">link7</a></p>
  11. </div>


Nie wazne co wpisze w margin-top to i tak tekst jest na tej samej wysokosci. Jakiej sugestie? :/
Skie
Nie jestem do końca pewien, ale to może być wina użytego przez Ciebie znacznika <p>

Sugerowałbym użycie <span> zamiast niego.

Poza tym wydaje mi się że chcesz użyć margin-top po to żeby zrobić większe odstępy między linkami. Jeśli tak to lepiej użyj CSSowego line-height (ale nie do znacznika <span>/<p> tylko do DIVa o ID menu0. :-)
wookieb
Elementy które są wyświetlana liniowo (u siebie dodałeś display: inline) nie mają marginesów (margin) ani wypełnień (padding) górnych i dolnych. Nie są po prostu interpretowane. U ciebie wystarczy, że usuniesz "display: inline;"
Oczko21
Własnie problem w tym ze nie bardzo moge usunac 'display:inline' bo chce miec poziome menu ( http://img403.imageshack.us/img403/6023/problemb.png ). Chyba ze da sie w jakis inny sposob zrobic poziome menu
wookieb
display: inline-block;

albo

float: left +
pod tym menu dajesz
Kod
<br style="clear: both;" />
Oczko21
Niestety nie pomoglo,
Probowalem ustawic te linki tak na 'sztywno', ale dalej nie moge ustawic gornego marginesu mimo tego ze usunalem display:inline. Czy moze to byc spowodowane tym ze zle zlozylem strone(w co watpie ze zle zlozylem)?
wookieb
Podaj link do strony to bedzie wszystko jasne.
marian2299
Z tego co widzę na screenie, to jest na localu.
Poziome menu możesz zrobić też tak:
  1. <p><a href="">link1</a><a href="">link2</a><a href="">link3</a><a href="">link4</a><a href="">link5</a><a href="">link6</a><a href="">link7</a></p>

Ale to "powrót do przeszłości".

PS: http://www.kurshtml.boo.pl/css/poziome_menu,menu.html
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.