Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak zrobić dwie kolumny w dwóch kolumach w XHTML?
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Redakcja
26.02.2005, 14:19:39
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 sad.gif

Bardzo proszę szanownych forumowiczów o pilną pomoc!
hmmm
26.02.2005, 16:04:43 
[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 winksmiley.jpg
Redakcja
26.02.2005, 16:36:51
Problem w tym, że nadałem szerokość 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>
hmmm
26.02.2005, 17:44:44
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 ...
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.