Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML/CSS]Vertical-align tekstu w divie
l0ud
post
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 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:

[HTML] pobierz, plaintext 
  1. <div class="contents">
  2. 	<div class="contents_header"><p class="contents_title">Witamy na naszej stronie!</p></div>
  3. 	<div class="contents_row">Treść powitania</div>
  4. </div>
[HTML] pobierz, plaintext

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:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[HTML] pobierz, plaintext


Vertical-align próbowałem przypisać i do diva, i do p.

Efekt:


Ręce opadają... Co robię źle?

Proszę o pomoc i pozdrawiam smile.gif

Ten post edytował l0ud 2.03.2008, 20:49:52


--------------------
XMPP: l0ud@chrome.pl
Go to the top of the page
+Quote Post

Posty w temacie
- 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
- - l0ud   Więc tak, zaważyłem, że przypisanie dodatkowo line...   2.03.2008, 21:33:52
- - 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

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 05:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn