Forum PHP.pl > Odstęp między wierszami w menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Odstęp między wierszami w menu

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

d4nny

31.12.2007, 12:53:40

Witam, mam taki problem z odstępami między wierszami w menu. W Operze i IE odstępy są takie same, lecz w Firefoxie są już większe jakies 1-2px. Wstawiam kod css i html, proszę o pomoc gdyż nie mogę sobie z tym poradzić.

kod html:

Kod

<div id="menu_left">
<div class="box1b">
<ul>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
<li><a href="index.php">costam</a></li>
</ul>
</div></div>

kod css:

Kod

#menu_left{
width: 175px;
float: left;
border: 1px solid #666;
margin-top: 5px;
background-image: url(bg_menu.gif);
background-repeat: repeat-x;
background-position: 25px 25px;
font-family: "Tahoma", Sans-Serif;
}

.box1b{
            margin-bottom: 1px;
       margin-top: 0px;
       background-image: url(bg_666b.giff);
       }

#menu_left ul{
       margin-left: 20px !important;
      }

#menu_left ul, li {
    margin:0px;
        padding:0px;
}

#menu_left ul li {
    background: url(strzalka.gif) no-repeat left 3px;
    padding-left: 22px;
line-height: 14px;
}

grzegorzr

2.01.2008, 20:08:53

twój problem może wynikać z różnej interpretacji line-height przez te przeglądarki
nigdzie nie widze deklaracji wielkości czcionki;
spróbuj tak:

[HTML] pobierz, plaintext 
#menu_left {
  font-size: 0.8em;
}
#menu_left li{
  /* zamiast z "padding" możesz kombinować z "margin"*/
  padding-top:0.15em;
  padding-bottom:0.15em;
}
[HTML] pobierz, plaintext

nie oczekuj że w każdej przeglądarce będziesz miał TAKI SAM efekt wizualny; wiedz bowiem że wygląd i zachowanie może zależeć od takich czynników jak:
- rodzaj i wersja przeglądarki
- rodzaj i wersja systemu operacyjnego (w tym rodzaje łątek zainstalowanych!)

jeśli efekt wizualny jest zbliżony to przyjmij, że jest OK - jeśli nie jesteś mistrzem CSS to naprawdę szkoda nerwów

d4nny

3.01.2008, 20:24:36

chodziło o to:

Kod

#menu_left {
font-size: 0.8em;
}

i już wyświetla się idealnie

dzięki za zainteresowanie się tematem pozdr

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.