Forum PHP.pl > [css]Menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css]Menu

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

Erasil

29.11.2006, 20:33:08

Otóż mam takie pytanie:
Czy istnieje możliwość podniesienia tekstu o [x]px.?

Tu jest przykład mojego zastosowania css.
plik css:

[PHP] pobierz, plaintext 
<?php
body{
   font: normal 9px Tahoma;
}
 
#menu  ul {
   list-style-type : none;
   margin : 0;
   padding: 0;
}
 
#menu ul li a{
   display: block;
   border-left: 5px solid #8f8f8f;
   height : 2px;
   padding-left : 7px;
   padding-top : 7px;
   padding-bottom : 7px;
   color : #036;
   text-decoration : none;
}
 
#menu ul li a:hover{
   border-left: 5px solid #6f6f6f;
   height : 2px;
   color : #369;
   text-decoration : none;
}
?>
[PHP] pobierz, plaintext

plik html:

[HTML] pobierz, plaintext 
<html>
    <head>
           <link rel="stylesheet" href="style.css" type="text/css" />
    </head>
    <body>
       <div id="menu">
  <ul>
    <li class="link"><a href="#">php</a></li>
 
    <li class="link"><a href="#">XHTML</a></li>
    <li class="link"><a href="#">CSS</a></li>
    <li class="link"><a href="#">FLASH</a></li>
    <li class="link"><a href="#">JavaScript</a></li>
    <li class="link"><a href="#">Tutoriale</a></li>
  </ul>
 
</div>
    </body>
</html>
[HTML] pobierz, plaintext

Jeżeli coś jest źle to jeszcze proszę o poprawę.

Zajec

30.11.2006, 15:06:36

Jak to podniesienia tekstu? Co masz na myśli?

Cytat(Erasil @ 29.11.2006, 20:33:08 )

Jeżeli coś jest źle to jeszcze proszę o poprawę.

Nie przypisuj stałej wysokości odnośnikom. A co, jeśli tekst nie zmieści się w tych 2 pikselach wysokości? Przeglądaka ma go uciąć? Jesteś pewien, że taki efekt chcesz uzyskać u ogladającego?

Erasil

30.11.2006, 16:23:03

To jak mam to zrobić.?

Jest jakaś funkcja.? Bo faktycznie trochę to nie pasuje.

A co do podniesienia tekstu. To zobacz, że wysokość tekstu nie odpowiada wysokości prostokącikom.
Chodzi o to żeby podnieść go w pionie o 1 px.

JaRoPHP

30.11.2006, 16:49:27

Usuwając wysokość dla odnośników (height: 2px;), spowodujesz, że prostokąciki (jak to nazwałeś), będą się zgadzały z tekstem. Wysokość tych prostokącików definiuj dopełnieniem (padding).

Erasil

30.11.2006, 17:11:59

No dobrzę, dzięki działa.

A teraz jak w paddingu ustawić wysokość danego 'prostokącika'.?

I żeby były w pionie pomiędzy nimi przerwy.?

Ale ja jestem upierdliwy.

JaRoPHP

1.12.2006, 11:35:39

Polecam CSS Design: Taming Lists.

Padding jest dopełnieniem elementu "pudełkowego", więc im większa jest jego wartość (w twoim przypadku top i bottom), tym większy jest "prostokącik". Przerwa między elementami definiowana jest za pomocą właściwości margin.

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.