 [HTML/CSS]Vertical-align tekstu w divie |
| [HTML/CSS]Vertical-align tekstu w divie |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 1 387 Pomógł: 273 Dołączył: 18.02.2008 Ostrzeżenie: (0%) 
 |
Od kilku godzin zajmuję się przerabianiem pewnej strony z układu opartego na tabelkach na warstwy. Co dopiero zaczynam, a już napotykam się na problemy (IMG:http://forum.php.pl/style_emoticons/default/wstydnis.gif)
Konkretnie: nie umiem osiągnąć wyśrodkowania tekstu w pionie, w divie o określonej szerkokości. Kod 'ramki treści' w przybliżeniu wygląda tak: Przy stylu Kod DIV.contents { border-width: 1px; border-style: solid; border-color: #B6830A; background-color: #FFFDF5; } DIV.contents_header { background-color: #FFE58B; background-image: url('images/contents_h_background.jpg'); padding: 0px; padding-left: 5px; padding-right: 5px; margin:0px; height: 26px; } DIV.contents_row { border-top-style: solid; border-top-color: #F8DA98; border-top-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: black; } P.contents_title { padding:0px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: black; text-decoration: none; vertical-align: middle; } Jakby to było istotne, doctype:
Vertical-align próbowałem przypisać i do diva, i do p. Efekt: (IMG:http://www.grapx.pl/upload/107/245.png) Ręce opadają... Co robię źle? Proszę o pomoc i pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Ten post edytował l0ud 2.03.2008, 20:49:52 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 387 Pomógł: 273 Dołączył: 18.02.2008 Ostrzeżenie: (0%)
|
Więc tak, zaważyłem, że przypisanie dodatkowo line-height:26px; do P powoduje rozwiązanie problemu. Ostatecznie w ogóle zrezygnowałem z tego elementu (P) i zrobiłem samą warstwę w ten sposób:
Kod DIV.contents_header { background-color: #FFE58B; background-image: url('images/contents_h_background.jpg'); margin:0px; padding: 0px; padding-left: 5px; padding-right: 5px; line-height:26px; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: black; text-decoration: none; } Działa... Tylko na ile to poprawne? |
|
|
|
l0ud [HTML/CSS]Vertical-align tekstu w divie 2.03.2008, 20:47:49 
Misiur66 Coż dziś też to robiłem
To mi pomogło.
Kod#div_ko... 2.03.2008, 20:53:40 l0ud Co uznać w tym przypadku za 'div_kotener'? 2.03.2008, 21:00:35 Misiur66 Tu chodzi o diva rodzica czyli Kod<div class=... 2.03.2008, 21:03:33 l0ud Dodanie tych linijek powoduje... cóż...
Pr... 2.03.2008, 21:08:14 Misiur66 Przepraszam ale chyba Cię wprowadziłem w... 2.03.2008, 21:12:36 hondek obawiam się, że vertical-align mozna prz... 2.03.2008, 21:24:07 Misiur66 Tak jak mówisz, ale tekst przecież jest elementem ... 2.03.2008, 21:27:04 hondek <p> nie jest elementem liniowym.
oszukaniem?... 2.03.2008, 21:28:53 hondek połowiczne rozwiazanie, w różnych przeglądarkach m... 2.03.2008, 21:36:14 Misiur66 Jak działa to się nie martw Ale na poważnie to ch... 2.03.2008, 21:36:58 l0ud Ok, punkciki lecą
Cytattylko tam np. jak podajes... 2.03.2008, 21:42:08 
hondek obydwa zapisy są poprawne 2.03.2008, 21:43:15  |
|
Aktualny czas: 14.09.2025 - 14:39 |
