Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: odstep miedzy liniami
Forum PHP.pl > Forum > Przedszkole
janek123
wysiwetlam dwie linie jedna pod drugą.
Jedna ma id="gora", druga : id="w_3".
W jaki sposob zmniejszyc odstep miedzy nimi do zera ?

  1. <?php
  2. <div id="navigacja">
  3.  
  4. <ul id="gora">
  5. <li class=p_linia_menu ><a href="plik.php" onclick="wyswietl(1);">Strona 1</a> | </li>
  6. <li class=p_linia_menu ><a href="#" onclick="wyswietl(2);">pole 2</a> | </li>
  7. </ul>
  8.  
  9. <ul id="w_3">
  10. <li class=d_linia_menu><a href="dostawcy.php">dane 1</a> | </li>
  11. <li class=d_linia_menu><a href="#">dane 2</a> </li>
  12. </ul>
  13.  
  14.  
  15. </div>
  16. ?>
lopik
CSS:

Próbowałeś ?

ul {
margin: 0px; }

A nie możesz zrobić tego w jednym ul ?

I jak to nie o to chodzi, to pokaż CSS'a.
janek123
dwie linie, bo to dwie linie menu dwupoziomowego.

  1. <?php
  2. li.p_linia_menu {
  3. display: inline;
  4. margin: 0px 0px 0px 0px;
  5. margin-top: 30px;
  6. padding: 0px 0px 0px 0px;
  7. height: 15px;
  8. color: #000;
  9. line-height:15px;
  10. background-color: #CCF ;
  11. }
  12.  
  13. li.d_linia_menu {
  14. display: inline;
  15. margin: 0px 0px 0px 0px;
  16. padding: 0px 0px 0px 0px;
  17. height: 5px;
  18. color: black;
  19. line-height:1px;
  20. background-color: #CFF ;
  21. }
  22.  
  23. A:active {color:blue;} 
  24. A:link  {color:black;} 
  25. A:visited{color:#0C0;} 
  26. A:hover  {color:red; text-decoration:underline;}
  27.  
  28.  
  29. #navigacja {
  30. margin: 0px 0px 0px 0px;
  31. padding: 0px 0px 0px 0px;
  32. height: 10px;
  33. color: green;
  34. }
  35.  
  36. /* styl drugiego poziomu menu */
  37. #w_0, #w_1, #w_2, #w_3 {
  38. display: none;
  39. line-height:5px;
  40. font-size: 15px;
  41. color: red;
  42. font-weight: bold;
  43. background-image : dsc04322.jpg;
  44. }
  45. ?>
lopik
li.d_linia_menu {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 5px;
color: black;
line-height:0px;
background-color: #CFF ;
}

li.p_linia_menu {
[...]
line-height:0px;
[..]
}
janek123
NIestety nie pomogło.

tu:
http://www.interklasa.pl/portal/dokumenty/kurs_html/e/li.php

jest lista atrybutów znacznika LI.
Nie ma margin, padding. Czy to oznacza, że dla tego znacznika nie działają te atrybuty ?

Jest co prawda styl, ale może w stylu można używaż tylko atrybutów z tej listy?

wszelkie zmiany margin nie dają dobrego rezultatu.

Pytanie powstało, bo szukam dobrego dwupoziomowego menu. Może ktoś wie, gdzie można znaleźć gotowe (prawie) ?
gszesiek
raczej kod z tej strony nie jest napisany zgodnie z najn.... (bla bla bla)
stosuj do tego atrybuty
i do <a> </a> też smile.gif

---------------
hmmm
gdzieś to już widziałem winksmiley.jpg
lopik
http://tutorials.alsacreations.com/deroula...-horizontal.htm

margin i padding można stosować dla "li" i "ul"
janek123
Dzięki.
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.