Forum PHP.pl > [CSS][HTML]Text po lewej, środku i lewej w jednej lini.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]Text po lewej, środku i lewej w jednej lini.

-qwerty-

25.03.2011, 19:21:36

Dobry wieczór.

Jakim sposobem zrobię w jednym divie tekst po lewej, środku i prawej.

Próbowałem text-align lecz każdy div był w innej lini był też atrybut float ale to już rozwalało mi stronę. Dlatego proszę o pomoc.

roobik

25.03.2011, 20:38:13

Nie wiem, bo nie sprawdzałem, ale może spróbuj:

[PHP] pobierz, plaintext 
echo '<div>
       <p style="text-align: left;">coś tam po lewej</p>
       <p style="text-align: center;">coś tam wycentrowane</p>
       <p style="text-align: right;">coś tam po prawej</p>
</div>';
[PHP] pobierz, plaintext

albo zamiast p to może span
Nie wiem, strzelam - spróbuj

//edit
ewentualnie dodać float: left; do tych p lub span...

Turson

25.03.2011, 20:45:08

Zawsze możesz to na tabelce postawić

[HTML] pobierz, plaintext 
<style type="text/css">
table{width:100%;}
td{
text-align:left;
width:33%;}
</style>
<table border="0">
<tr><td>LEWO</td><td>ŚRODEK</td><td>PRAWO</td></tr></table>
[HTML] pobierz, plaintext

Rid

25.03.2011, 20:53:06

do każdego stylu można dodac klasę ,wtedy div będzie traktował każdy element z osobna
#p.lewo{
text-align:left;
}
#p.prawo{
text-align:right;
}

<p class="lewo">coś tam po lewej</p>

<p class="prawo">coś tam po prawej</p>

roobik

25.03.2011, 20:58:24

Może raczej zamiast:

Cytat(TursoN)

[HTML] pobierz, plaintext 
...
<table border="0">
<tr><td>LEWO</td><td>ŚRODEK</td><td>PRAWO</td></tr></table>
[HTML] pobierz, plaintext

dać:

[HTML] pobierz, plaintext 
...
<table border="0">
<tr><td style="text-align: left;">LEWO</td><td style="text-align: center;">ŚRODEK</td><td style="text-align: right;">PRAWO</td></tr></table>
[HTML] pobierz, plaintext

Kod TursoN'a jest ok, tylko, że w każdym TD będziesz mieć tekst "do lewej" (określony w stylu)
width w stylu myślę, ze można też wykasowac, bo szerokość każdej komórki przyjmie właśie taką wartość (33%), a niekoniecznie może to pasować qwerty

Turson

25.03.2011, 21:03:52

Jeśli miejsce na ten tekst ma np. 600px to table width również 600px napisać i wtedy faktycznie z td można szerokość usunąc.
Co do aligna w tabelce, to tylko jak on chce może modyfikować w dowolny sposób.

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.