Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Text po lewej, środku i lewej w jednej lini.
--qwerty--
post 25.03.2011, 19:21:36
Post #1





Goście







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.
Go to the top of the page
+Quote Post
roobik
post 25.03.2011, 20:38:13
Post #2





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Nie wiem, bo nie sprawdzałem, ale może spróbuj:
  1. echo '<div>
  2. <p style="text-align: left;">coś tam po lewej</p>
  3. <p style="text-align: center;">coś tam wycentrowane</p>
  4. <p style="text-align: right;">coś tam po prawej</p>
  5. </div>';

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

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

Ten post edytował roobik 25.03.2011, 20:51:34
Go to the top of the page
+Quote Post
Turson
post 25.03.2011, 20:45:08
Post #3





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Zawsze możesz to na tabelce postawić
  1. <style type="text/css">
  2. table{width:100%;}
  3. td{
  4. text-align:left;
  5. width:33%;}
  6. <table border="0">
  7. <tr><td>LEWO</td><td>ŚRODEK</td><td>PRAWO</td></tr></table>
Go to the top of the page
+Quote Post
Rid
post 25.03.2011, 20:53:06
Post #4





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


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>

Ten post edytował Rid 25.03.2011, 21:05:06
Go to the top of the page
+Quote Post
roobik
post 25.03.2011, 20:58:24
Post #5





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Może raczej zamiast:
Cytat(TursoN)
  1. ...
  2. <table border="0">
  3. <tr><td>LEWO</td><td>ŚRODEK</td><td>PRAWO</td></tr></table>

dać:
  1. ...
  2. <table border="0">
  3. <tr><td style="text-align: left;">LEWO</td><td style="text-align: center;">ŚRODEK</td><td style="text-align: right;">PRAWO</td></tr></table>

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

Ten post edytował roobik 25.03.2011, 21:02:03
Go to the top of the page
+Quote Post
Turson
post 25.03.2011, 21:03:52
Post #6





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 30.04.2025 - 07:45