Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Wyśrodkowanie tekstu
Forum PHP.pl > Forum > Przedszkole
desavil
W jaki sposób mogę wyśrodkować w pionie zarówno obrazek jak i tekst?
Bo coś mi to nie wychodzi, poniżej przedstawiam kod:
  1. <div style="width: 400px; border-collapse: collapse;border: 1px solid #515151;background-color: #3D3D3D; font-weight: bold; min-height: 36px;"><div style="float: left; width: 30px; padding-top: 2px; padding-left: 2px; vertical-align: middle;"><img src="/img/icon_error.png" alt="Błąd" /></div><div style="vertical-align: middle;">Mój tekst</div></div>

Wesołych Świąt :]
WebspyPL
Polecenie to pozwala wyśrodkować (czyli ustawić na środku ekranu) dowolny element - nie tylko tekst, ale również np. obrazek. Jednym takim znacznikiem można objąć równocześnie kilka elementów. Jego działanie jest analogiczne jak <div align="center">

Kod
[center]wyśrodkowany tekst[/center]
Magic WWW
Nie chce w świąt nikogo denerwować, ale autor miał na myśli wyśrodkowanie w pionie a nie poziomie smile.gif
ciekawskiii
z tego co wiem to vertical-align działa tylko w tabelach <table> wiec to odpada. Tekst w pionie mozesz wysrodkowac tak
  1. font: normal 30px/14px;

ale dla obrazka to raczej nie zadziała no i jest to tylko dla diva o ustalonej wysokosci
Evinek
http://riddle.jogger.pl/2006/04/19/wszystk...trowaniu-w-css/
Poczytaj.
Przeleciałem raz dwa i zauważyłem, że tam jest to.
Powinno pomóc. smile.gif

@EDIT:
To jest tylko do sztywnego diva (wysokość sztywna).
Jeśli jest potrzebne inne to nie wiem czy się da.
qrooel
Środkowanie w pionie da się osiągnąć tylko jeżeli znamy wysokość elementu - boksu, a element centrowany po prostu obniżamy marginesem o połowę wysokości boksu.

Można też ewentualnie zmierzyć wysokość JavaScriptem i zrobić tak samo.
prowseed
Pierwszy div ma
  1. display:table;

a ten wewnetrzny
  1. display:table-cell;
  2. vertical-align:middle;


bez zadnych marginesow negatywnych.

/ah, obrazek i tekst do jednego diva. Tam juz sobie to w srodku poukladaj jak chcesz.
mortus
Oczywiście rozwiązanie zaproponowane przez @prowseed jest zalecanym sposobem na zastąpienie tabelek, a nie konkretnym rozwiązaniem problemu wyśrodkowania elementów w pionie. Poza tym nie będzie działać dla IE w wersji 7 i starszych.

Zresztą o plusach i minusach różnych sposobów centrowania w pionie można przeczytać na blogu themeforest.
prowseed
Bo ogolnie nie ma konkretnego sposobu na wysrodkowanie elementow w pionie. Przynajmniej ja takiego nie znam, a do tresci bez ustalonych wymiarow najlepiej stosowac symulacje tabelki. Można i tak: http://hacks.mozilla.org/2010/04/the-css-3...ible-box-model/ też.
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.