Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] jak to wysrodkować?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
termin
Witam, chce wyśrodkować nazwy w menu względem wysokości
lub po prostu odsunąć je od górnej krawędzi menu o 15px?
Gdy dam margin-top lub padding-top to się wszystko rozwala.
zobacz tutaj
plik css
sowiq
Wyświetlana wysokość = height + padding-top + padding-bottom.

Czyli jeśli dajesz padding-top: 15px;, to musisz odjąć te 15px od wysokości, żeby pozostała ona taka sama.
korek_a
<li>
<a href="#"> <span class="menu">o nas</a></span>
</li>

i jak już pisał @sowiq
termin
zrobiłem i tak i tak i sami zobaczcie na efekt
sowiq
Bo nie słuchasz jak Ci radzą tongue.gif

Zamiast:
Kod
ul#menu a:link, ul a:visited {
    width:105px;
    height:38px;
[...]
}

daj:
Kod
ul#menu a:link, ul a:visited {
    width:105px;
    height:23px;
    padding-top: 15px;
[...]      
}


w HTML zostaje jak na początku:
Kod
<li><a href="#">standardy</a></li>
termin
zrobiłem, co prawda napis jest na środku względem całego menu tylko tło też się obniżyło wstydnis.gif
korek_a
przecież napisałem żeby wstawi <span></span> tło dałeś dla <a> wiec ruszając w css odnośnikiem ruszasz tle musisz wyodrębnić sam napis i dopiero go przemieszczać w css
termin
to ja już nie kumam, korek dajesz sprzeczne informacje niż sowig, poczytaj wyzej co pisał sowig
korek_a
styles.css (linia 81)

Kod
ul#menu a:link, ul a:visited
{color:#0B3144;
display:block;
font-weight:bold;
height:29px;
padding:9px 0 0;
text-align:center;
text-decoration:none;
width:97px;}
termin
ok dzięki korek, teraz działa, mam pytanko, pod IE6 po najechaniu na przycisk nie znika tło, pewnie to jak zwykle pier$$%^ IE6 - można temu jakoś zaradzić?
korek_a
http://vivee.info/2007/12/18/hover-kompletny-poradnik/

ja preferuje metodę Sliding doors
sowiq
Cytat(korek_a @ 27.11.2008, 08:27:42 ) *
[...]ruszając w css odnośnikiem ruszasz tle musisz wyodrębnić sam napis i dopiero go przemieszczać w css

A od kiedy padding przemieszcza tło? Polecam sprawdzić poniższy przykład:

  1. <div style="width: 200px; height: 200px; padding: 50px; background-color: #f00; border: 1px solid #000; background-image: url('http://forum.php.pl/style_images/1/tile_cat.gif')">
  2. To jest test
  3. </div>
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.