Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Jak wyśrodkować tekst w pionie?
Forum PHP.pl > Forum > Przedszkole
Mlody993
Witam,
mam obrazek, który ma robić za przycisk, napisałem na nim HOME, po zrobieniu text-align: center; tekst w poziomie jest na środku, ale w pionie jest na samej górze ;/

HTML:
<div id="menu">
<div id="poziome">
<p style="position:relative; top:20px;">HOME</p>
</div>
</div>

CSS:
#menu {
height: 50px;
align:center;
}

#poziome {
height: 45px;
width: 100px;
background-image: url('menu/menu1.png');
text-align:center;
position:relative;
}


Próbowałem valign i nic nie pomaga ;/ Co zrobić aby tekst dać bardziej na dół?
bastard13
usuń sobie ztrybut style ze znacznika p, ponieważ jest zbędny i zmień:
  1. #poziome {
  2. height: 45px;
  3. width: 100px;
  4. background-image: url('menu/menu1.png');
  5. text-align:center;
  6. position:fixed; top: n%; //fixed oznacza, że div bedzie w danym miejscu niezależnie od poruszania się za pomocą paska przewijania po stronie
  7. //lub
  8. position:relative; top: n%; //jeżeli ma być niżej jedynie od początku strony
  9. }

n% oznacza wyrażenie odległości od góry za pomocą procentów, czyli wrzuć sobie np. 40%, aby było ok.środka.
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.