Forum PHP.pl > linia hr

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: linia hr

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

fraksipon

13.01.2010, 13:28:14

Witam,
Mam menu nawigacyjne po lewej stronie i chciałem zmienić odstępy między wierszami linii.

kontakt
--------
linki

Aby zastosowanie lini nie oddalało tak 'kontakt' i 'linki'

Jak to można zrobić?

mulczas

13.01.2010, 13:38:44

Kod

<ul>
  <li>pierwszy element listy</li>
  <li>drugi element listy</li>
  <li>trzeci element listy
  <ul>
    <li>wewnętrzny element listy</li>
    <li>drugi wewnętrzny element</li>
    <li>trzeci wewnętrzny element</li>
  </ul>
  </li>
  <li>czwarty element listy</li>
</ul>

fraksipon

13.01.2010, 17:07:35

Jak to sie ma do tego o co zapytałem?

Blame

13.01.2010, 19:48:08

Koledze chodziło chyba o to, że teraz menu robi się na podstawie listy. Co do tematu to możesz pokombinować z margin i padding w CSS.

endr1u

15.01.2010, 13:16:19

[HTML] pobierz, plaintext 
<ul>
  <li style="margin-bottom: 10px;">pierwszy element listy</li>
  <li>drugi element listy</li>
  <li>trzeci element listy
  <ul>
    <li>wewnętrzny element listy</li>
    <li>drugi wewnętrzny element</li>
    <li>trzeci wewnętrzny element</li>
  </ul>
  </li>
  <li>czwarty element listy</li>
</ul>
[HTML] pobierz, plaintext

Kazdemu elementowi listy musisz dodac jakis margines lub padding jezeli chcesz "powielic tlo listy"

lepiej zastosowac taki styl dla kazdej pozycji dodajac w stylach lub linku zewnetrznym css

[HTML] pobierz, plaintext 
li { margin-bottom: 10px; }
[HTML] pobierz, plaintext

ald890

11.02.2010, 20:52:00

HTML

[HTML] pobierz, plaintext 
<div id="menu">
<ul>
  <li>pierwszy element listy</li>
  <li>drugi element listy</li>
  <li>trzeci element listy
  <ul>
    <li>wewnętrzny element listy</li>
    <li>drugi wewnętrzny element</li>
    <li>trzeci wewnętrzny element</li>
  </ul>
  </li>
  <li>czwarty element listy</li>
</ul>
</div>
[HTML] pobierz, plaintext

CSS

Na przykład tak:

#menu { }
#menu li {display: inline; text-align: right; margin-right: 20px;}

Zrozumiałem, że to ma być w linii.

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.