[CSS]Nie pokazuje gornego marginesu Opcje

[Oczko21]

Witam,
Mam problem z ustawieniem gornego marginesu(lewy dziala, a gorny cos nie bardzo)

[XML] pobierz, plaintext 
html, body {
      background-color:#fff;
      padding:0px;
      margin:0px;
      width:1024px;
}
 
#LOGO {
      width:1024px;
      background-image:url(images/strona2_01.gif);
      background-repeat:no-repeat;
      height:188px;
}
 
#MENU0 {
      width:1024px;
      background-image:url(images/strona2_02.gif);
      background-repeat:no-repeat;
      height:60px;
}
 
#MENU0 p {
      margin-left: 50px;
      margin-top: 10px;
      padding: 10px 60px 0 0;
      display:inline;
 
}
[XML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="top">
	<div id="LOGO"></div>
  <div id="MENU0">
  <p><a href="">link1</a></p>
   <p><a href="">link2</a></p>
   <p><a href="">link3</a></p>
   <p><a href="">link4</a></p>
   <p><a href="">link5</a></p>
   <p><a href="">link6</a></p>
   <p><a href="">link7</a></p>
  </div>
[HTML] pobierz, plaintext 

Nie wazne co wpisze w margin-top to i tak tekst jest na tej samej wysokosci. Jakiej sugestie? :/

Ten post edytował Oczko21 26.07.2009, 16:48:11

[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. :-)

Ten post edytował Skie 26.07.2009, 17:10:22

[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;"

Ten post edytował wookieb 26.07.2009, 17:18:48

[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:

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

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

PS: http://www.kurshtml.boo.pl/css/poziome_menu,menu.html

Ten post edytował marian2299 26.07.2009, 21:40:59