Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] podział tabelki
Forum PHP.pl > Forum > Przedszkole
Sebastian003
Witam !

Mam problem a mianowicie nie wiem jak podzielić ta tabelkę.
Na screenie pokazałem czerwoną kreską jak chcę żeby było podzielone i nie wiem jak to podzielić!

Proszę o waszą pomoc !

http://kameleon.web-pc.pl/obrazek.php?obrazek=7420417-sa.JPG

kod

  1. <div id="Container" style="width: 700px; height: 14px">
  2. <ul id="Tabs">
  3. <li id="IndexTab" class="SelectedTab"><a href="#" title="Index">Index</a></li>
  4. <li id="UsageTab" class="Tab"><a href="faq.html" title="FAQ">FAQ</a></li>
  5. <li id="UpgradeTab" class="Tab"><a href="rules.html" title="Regulamin">Regulamin</a></li>
  6. <li id="ChangelogTab" class="Tab"><a href="#" title="Rejestracja">Rejestracja</a></li>
  7. <li id="ChangelogTab" class="Tab"><a href="#" title="Reklama">Reklama</a></li>
  8. <li id="InstallTab" class="Tab"><a href="kontakt.html" title="Kontakt">Kontakt</a></li>
  9. </ul>
  10.  
  11. <!-- Content -->
  12. <div id="Content">
  13. <!-- Index -->
  14. <div id="Index">
  15. <div class="SubTitle"></div>
  16. <div><br>tekstteksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst<br>teksttekstteksttekstteksttekstteksttekstteksttekst</div>
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21.  
  22. </body></html>


Css

http://www.web-pc.pl/fiz/style.css
php programmer
skorzystaj z własciwosci css float:left
np <div style="float:left">
Sebastian003
ale ta funkcja nie zrobi mi tabelki ? a ja muszę mieć po boku tabelkę exclamation.gif

Proszę o waszą pomoc !



mrjozo
  1. <!-- Content -->
  2. <div id="Content" style="float: left; ">
  3. <!-- Index -->
  4. <div id="Index" style="float: left; width: 485px; ">
  5. <div class="SubTitle">hal</div>
  6. <div><br>teksttekstteksttekst</div>
  7. </div>
  8. <div id="Right" style="float: left; width: 193px; ">
  9. <div class="SubTitle">hal</div>
  10. <div><br>tekstteksttekstteks</div>
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. </body></html>
marcinlenkowski
jak chcesz mieć tabelkę to użyj <table> a jak nie to zrób to float'em i dodaj do pierwszego diva

border-right-style:solid;
border-right-color:#FF0000;
border-right-width:3px;
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.