Forum PHP.pl > [html/css] nie mogę ustawić wyrównania tekstu wewnątrz komurki tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html/css] nie mogę ustawić wyrównania tekstu wewnątrz komurki tabeli

Lord_JABA

28.06.2007, 12:49:50

Robie stronkę w php/mysql i chce uzyskać efekt który widziałem gdzieś w necie czyli tekst wewnątrz jednej komórki tabeli wyrównany na 3 sposoby:
autor-wyrównany do lewej, temat-wyrównan, do środka, data-wyrównany do prawej .
Tam gdzie to widziałem użyto znaczników DIV ale u mnie nie wiem czemu powodują złamanie wiersza czego właśnie chce uniknąć

kossa

28.06.2007, 12:52:52

float: left;

Lord_JABA

28.06.2007, 13:49:16

Chyba sie nie zrozumieliśmy nie chodzi mi o otaczanie tabeli tekstem tylko o to by wewnątrz jednej i tej samej komórki tekst był podzielony w sposób jaki napisałem.

JaRoPHP

28.06.2007, 14:22:44

Cytat(Lord_JABA @ 28.06.2007, 12:49:16 )

Chyba sie nie zrozumieliśmy nie chodzi mi o otaczanie tabeli tekstem tylko o to by wewnątrz jednej i tej samej komórki tekst był podzielony w sposób jaki napisałem.

~kossa napisał, abyś dla elemntów <div> użył "pływania" - spowoduje to, że bedą one wyświetlane obok siebie.

Lord_JABA

28.06.2007, 14:55:54

Chyba trochę niekumaty jestem mógł bym poprosić o krótki przykład?

JaRoPHP

28.06.2007, 16:26:09

Cytat(Lord_JABA @ 28.06.2007, 13:55:54 )

... mógł bym poprosić o krótki przykład?

Porównaj (wynik w przeglądarce):

[HTML] pobierz, plaintext 
<html>
<head>
<title></title>
</head>
<body>
<div>Pierwszy div</div>
<div>Drugi div</div>
<div>Trzeci div</div>
</body>
</html>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<html>
<head>
<title></title>
<style type="text/css">
div {
	float: left;
}
</style>
</head>
<body>
<div>Pierwszy div</div>
<div>Drugi div</div>
<div>Trzeci div</div>
</body>
</html>
[HTML] pobierz, plaintext

Lord_JABA

29.06.2007, 00:38:45

To nie działa. W kodzie mam

[HTML] pobierz, plaintext 
<head>
  <title></title>
  <style type="text/css">
div{float: left;}
</style>
</head>
(...)
<tr style="background-color:32cd32"><td><div style="text-align:left;">Data: 2007-06-28 18:29:22</div><div style="text-align:center;"> Temat: xxxxxxxxx</div><div style="text-align:right;">Autor: xxxxxxx</div></td></tr>
[HTML] pobierz, plaintext

i dalej wszystko jest wyświetlane jak leci a gdy próbuje np. wyrównać tylko autora do prawej pomijając resztę "DIV" to łamie on linie

JaRoPHP

29.06.2007, 16:13:01

Cytat(Lord_JABA @ 28.06.2007, 23:38:45 )

To nie działa...

Mnie tam działa

[HTML] pobierz, plaintext 
<head>
<title></title>
<style type="text/css">
div{float: left;}
</style>
</head>
<body>
<table>
<tr style="background-color:32cd32">
<td style="width: 900px;">
<div style="text-align:left; width: 300px;">Data: 2007-06-28 18:29:22</div>
<div style="text-align:center;  width: 300px;"> Temat: xxxxxxxxx</div>
<div style="text-align:right; width: 300px;">Autor: xxxxxxx</div>
</td></tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

-EDIT-
komórka nie komurka (patrz: tytuł wątku)

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.