Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Tekst w dwoch kolumnach
TheGuardian
post 24.04.2010, 22:26:55
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 14.02.2008

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

Witam.
Jak osiagnac taki efekt: http://img406.imageshack.us/img406/8009/problemqm.jpg ?
Chodzi o ten odstep miedzy lewym brzegiem kolumny a tekstem. Nic mi nie przychodzi do glowy.

Pozdrawiam.
Go to the top of the page
+Quote Post
pedro84
post 24.04.2010, 22:43:03
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Poprzez nadanie odpowiedniego marginesu dla obrazka oraz 
[CSS] pobierz, plaintext 
  1. float:left;
[CSS] pobierz, plaintext


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
mortus
post 24.04.2010, 22:45:49
Post #3





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Dodam jeszcze, że to w jednej kolumnie jest, a nie w dwóch.
Go to the top of the page
+Quote Post
Wicepsik
post 24.04.2010, 22:49:21
Post #4





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <style type="text/css">
  5. 	.obrazek {
  6. 		float: left;
  7. 		margin: 10px;
  8. 	}
  9. 	#tresc {
  10. 		width: 500px;
  11. 	}
  12. 	#tresc p {
  13. 		clear: right;
  14. 		padding-left: 30px;
  15. 	}
  16. </style>
  17. </head>
  18. <body>
  19. <div id="tresc">
  20. 	<img src="1.jpg" class="obrazek">
  21. 	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  22. </div>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext


--------------------
Manual .:. Google
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · 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: 17.06.2025 - 14:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn