Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Tekst po lewej i prawej w linii.
GoldeNx3
post 19.12.2011, 20:12:16
Post #1





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

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

Jak mogę zrobić, by jeden tekst był wyrównany do lewej, drugi do prawej, ten z lewej miał od lewej strony 3 px odstępu, a pod tym wszystkim pozioma linia? Lewy i prawy tekst w tej samej linii.
Go to the top of the page
+Quote Post
El Nino9
post 19.12.2011, 20:19:36
Post #2





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 3.04.2011

Ostrzeżenie: (10%)
X----

dwa divy
jeden float right, drugi left
jeśli pozioma linia pod spodem to border-bottom dla diva
to wszystko, same podstawy
Go to the top of the page
+Quote Post
jg44
post 19.12.2011, 20:21:12
Post #3





Grupa: Zarejestrowani
Postów: 122
Pomógł: 14
Dołączył: 14.07.2011
Skąd: Gliwice / Wrocław

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

Np. tak:
[CSS] pobierz, plaintext 
  1. #pudelko {
  2. width: 200px;
  3. height: auto;
  4. }
  5.  
  6. #span1 {
  7. text-align: left;
  8. margin-left: 3px;
  9. float: left;
  10. }
  11.  
  12. #span2 {
  13. text-align: right;
  14. float: right;
  15. }
[CSS] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <section id="pudelko">
  2.   <span id="span1">Tekst równany do lewej.</span>
  3.   <span id="span2">Tekst równany do prawej.</span>
  4.   <hr style="clear:both;" />  
  5. </section>
[HTML] pobierz, plaintext


EDIT: poprawiłem linię, bo wcześniej zapomniałem wink.gif

Ten post edytował jg44 19.12.2011, 20:26:23
Go to the top of the page
+Quote Post
GoldeNx3
post 19.12.2011, 20:39:13
Post #4





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

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

Dlaczego section a nie div?
Go to the top of the page
+Quote Post
jg44
post 19.12.2011, 20:41:13
Post #5





Grupa: Zarejestrowani
Postów: 122
Pomógł: 14
Dołączył: 14.07.2011
Skąd: Gliwice / Wrocław

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

Z przyzwyczajenia, na codzień piszę w HTML5 a nie w XHTML, więc używam section. Możesz użyć div i też będzie działało.

Ten post edytował jg44 19.12.2011, 20:41:38
Go to the top of the page
+Quote Post
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

RSS Wersja Lo-Fi Aktualny czas: 18.05.2025 - 09:48
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn