Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Opływanie jednego diva przez drugiego
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Joachim Peters
Witam,

Jak zrobić coś takiego:



questionmark.gif

Pozdrawiam
wojtek.zielinski
  1. <div>
  2. <div style="float: right;">div 2 div 2</div>
  3. div 1 div 1 div 1
  4. </div>
batman
Sposobów jest kilka. Podam Ci dwa, które przyszły mi do głowy.
  1. sposób 1:
  2. <div style="width: 600px;">
  3. <div style="float: left; width: 300px; background-color: #DBDBDB;">div 1</div>
  4. <div style="float: left; width: 300px; background-color: #707070;">div 2</div>
  5. <div style="float: left; width: 200px; background-color: #DDBBDD;">div 1</div>
  6. <div style="float: left; width: 200px; background-color: #FFFAAA;">div 1</div>
  7. <div style="float: left; width: 200px; background-color: #AAAFFF;">div 1</div>
  8. <div style="clear: left;"></div>
  9. </div>
  10.  
  11. sposób 2:
  12. <div style="float: left; width: 300px; background-color: #DBDBDB;">div 1</div>
  13. <div style="float: left; width: 300px; background-color: #707070;">div 2</div>
  14. <div style="clear: left;"></div>
  15. <div style="float: left; width: 200px; background-color: #DDBBDD;">div 1</div>
  16. <div style="float: left; width: 200px; background-color: #FFFAAA;">div 1</div>
  17. <div style="float: left; width: 200px; background-color: #AAAFFF;">div 1</div>
  18. <div style="clear: left;"></div>


Kolor tła dodałem w celach demonstracyjnych, więc nie sugeruj się nim winksmiley.jpg
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.