Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak zrobić dwie kolumny w dwóch kolumach w XHTML?, Bardzo proszę o pomoc?
Redakcja
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 26.02.2005

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

Chciałbym zrobić coś takiego:

<div style="float: left' width: 250">
coś tam
</div>
<div style="float: right' width: 250">
<div style="float: left' width: 150">
coś tam
</div>
<div style="float: right' width: 100">
coś tam
</div>
</div>

Mam na stronie WWW dwie kolumny: lewą i prawą. Jak zrobić w prawej kolumny ponownie dwie kolumny: prawą i lewą? Czy jest to wogólne możliwe? Nie mam pojęcia. Tego jeszcze nie robiłem (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Bardzo proszę szanownych forumowiczów o pilną pomoc!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
hmmm
post
Post #2





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.  
  5. body {
  6. 	text-align: left;
  7. }
  8.  
  9. #lewa {
  10. 	float: left;
  11. 	width: 200px;
  12. 	background-color: #ff0;
  13. }
  14.  
  15. #prawa {
  16. 	float: right;
  17. 	width: 400px;
  18. 	background-color: #0ff;
  19. }
  20.  
  21. 	#prawa_lewa {
  22. 	float: left;
  23. 	width: 150px;
  24. 	background-color: #ff0;
  25. 	}
  26.  
  27. 	#prawa_prawa {
  28. 	float: right;
  29. 	width: 150px;
  30. 	background-color: #ff0;
  31. 	}
  32.  
  33. </style>
  34. </head>
  35. <body>
  36.  
  37. <div id="lewa">
  38.  
  39. lewa
  40.  
  41. </div>
  42. <div id="prawa">
  43.  
  44. 	<div id="prawa_lewa">
  45. 	prawa_lewa
  46. 	</div>
  47. 	<div id="prawa_prawa">
  48. 	prawa_prawa
  49. 	</div>
  50.  
  51. </div>
  52.  
  53. </body>
  54. </html>
[HTML] pobierz, plaintext
pomijajac deklaracje itd, ktore musisz sam dopisac.

musisz nadac szerokosc dla prawej kolumny, dopiero wowczas mozesz umiescic w niej kolejne <div> i nadac im float (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
Redakcja
post
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 26.02.2005

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

Problem w tym, że nadałem szerokość (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

<div style="float: left' width: 250">

lewa kolumna

</div>
<div style="float: right' width: 250">

prawa kolumna

<div style="float: left' width: 150">
lewa w prawej kolumnie
</div>
<div style="float: right' width: 100">
prawa w prawej kolumnie
</div>


</div>
Go to the top of the page
+Quote Post
hmmm
post
Post #4





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

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

dopiero zauwazylem ... masz bledy w kodzie styli!
oddzielna sie srednikami, a nie apostrofami.
popraw swoj kod, albo przekopiuj sobie moj - dziala pod ie na 100%, pod reszta nie sprawdzalem ...
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

RSS Aktualny czas: 22.08.2025 - 14:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn