[HTML] Wyśrodkowanie tekstu Opcje

[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:

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

Wesołych Świąt :]

Ten post edytował desavil 24.12.2011, 10:17:35

[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]

Ten post edytował WebspyPL 24.12.2011, 10:45:35

[Magic WWW]

Nie chce w świąt nikogo denerwować, ale autor miał na myśli wyśrodkowanie w pionie a nie poziomie

[ciekawskiii]

z tego co wiem to vertical-align działa tylko w tabelach <table> wiec to odpada. Tekst w pionie mozesz wysrodkowac tak

[HTML] pobierz, plaintext 
font: normal 30px/14px; 
[HTML] pobierz, plaintext 

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.

@EDIT:
To jest tylko do sztywnego diva (wysokość sztywna).
Jeśli jest potrzebne inne to nie wiem czy się da.

Ten post edytował Evinek 24.12.2011, 14:24:49

[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

[CSS] pobierz, plaintext 
display:table;
[CSS] pobierz, plaintext 

a ten wewnetrzny

[CSS] pobierz, plaintext 
display:table-cell;
vertical-align:middle;
[CSS] pobierz, plaintext 

bez zadnych marginesow negatywnych.

/ah, obrazek i tekst do jednego diva. Tam juz sobie to w srodku poukladaj jak chcesz.

Ten post edytował prowseed 24.12.2011, 15:57:42

[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ż.