Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Problem z wyrównaniem tekstu w pionie w elemencie blokowym
Forum PHP.pl > Forum > Przedszkole
Athlan
Mam taki styl:

  1. .nav
  2. {
  3. display: block;
  4. width: 100px;
  5. height: 30px;
  6. vertical-align: middle;
  7. }


niestety tekst jest ciągle u góry, jak daje verticala na bottom nadal jest u góry smile.gif

btw, wywołanie:
  1. <a href="index.php" class="nav">blablabla</a>


niby prosta sprawa ale jakoś nie umiem sobie poradzić smile.gif

ps: http://riddle.jogger.pl/2006/04/19/wszystk...trowaniu-w-css/ - to mi nie pomogło, centrowanie divów jako tabel sad.gif
Ja_Szczur
można kombinować tak: [dobrać odpowiednio padding div'a]

  1.  
  2. .nav {
  3. display: block;
  4. width: 100px;
  5. height: 30px;
  6. }
  7.  
  8. a.nav div {
  9. padding: 5px 0px 5px 0px;
  10. }
  11.  
  12.  
  13. <a href="index.php" class="nav">
  14. <div>
  15. blablabla
  16. </div>
  17. </a>


ale może istnieje ładniejsze rozwiązanie...
Athlan
@Ja_Szczur - po co dajesz diva do środka jak padding mozna nałożyć na element lina (blokowy przy okazji)?

btw nie działa tongue.gif
Ja_Szczur
tak? bo u mnie działa [FF 1.5.0.4, IE 6, Opera 8] smile.gif

daję po to, że dla FF wysokość to height + padding-top + padding-bottom
czyli gdybym padding dla linka ustawił, to:
w FF to 30px + 5px + 5px = 40px
a dla IE jest to nadal 30px

stąd różnice w wyświetlaniu przez te przeglądarki
zawsze stosuję taką konstrukcję (przeważnie dla nagłówków, treści), nie muszę używać dzięki temu haków na badzIEwIE :]
Athlan
a u mnie Opera 9 nie dziala, dlatego pytam... na starej operze mi dzialalo sad.gif
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.