Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Za wąska komórka w tabeli?
Forum PHP.pl > Forum > Po stronie przeglądarki
Paweł :)
Witam

Najlepiej to pokarzę screena:
http://img215.imageshack.us/my.php?image=scr1fv1.png

Chodzi mi o to, że druga komórka tabeli tam gdzie jest wyswietlany news jest za wąska. tzn. chcialbym, zeby pierwsza kolumna miała 200px szerokości (i ma) a druga zajmowała całą resztę (nie moge wpisac w px ile dokladnie, bo chodzi przeciez o kompatybilnosc z innymi rozdzielczosciami niz moja.

to kod:

  1. <table id="tabelaglowna">
  2. <tr>
  3. <td class="td1">
  4. tu jest menu
  5. </td><td class="td2">
  6. <div class="kategoria"><h2>naglowek</h2></div>
  7. reszta
  8. </td>
  9. </tr></table>


style:

  1. .kategoria {
  2. width: 100%;
  3. }
  4.  
  5. .kategoria h2 {
  6. background-color: #A9EA1E;
  7. color: #FFFFFF;
  8. font-size: 14px;
  9. line-height: 25px;
  10. text-indent: 10px;
  11. margin: 0;
  12. width: 100%;
  13. }
  14. .tabelaglowna {
  15. width: 100%;
  16. border-collapse: collapse;
  17. border: 0 none;
  18. margin: 0px;
  19. }
  20.  
  21. .td1 {
  22. width: 200px;
  23. border-collapse: collapse;
  24. border: 0 none;
  25. padding-right: 5px;
  26. vertical-align: TOP;
  27. }
  28.  
  29. .td2 {
  30. width: 100%
  31. border-collapse: collapse;
  32. border-left: 1px solid #aaa;
  33. padding-left: 5px;
  34. vertical-align: TOP;
  35. }
My4tic
Brakuje średnika

  1. .td2 {
  2. width: 100%;
  3. .
  4. .
  5. .
  6. }
Paweł :)
hehheh ok dzięki smile.gif

tylko jak teraz zrobic, zeby druga kolumna zajmowała całą szerokość strony bez 200px? nie zrobię przecież 100% - 200px biggrin.gif
My4tic
Cytat(Paweł :) @ 24.08.2006, 12:34 ) *
hehheh ok dzięki smile.gif


Co w tym smiesznego? Sprawdziłes w ogole CSS z tym średnikiem? tiredsmiley.gif

Dodaj jeszcze do CSS

  1. #200 {
  2. width:200px;
  3. }


i w html

  1. <td class="td1">
  2. <p id="200">tu jest menu</p>
  3. </td>
Paweł :)
witaj

sprawdziłem oczywiście smile.gif śmieszy mnie to ile taki średniczek może narobić smile.gif

i dodalem width: 200px; do div-ów, których używam w tytulach w menu i wszystko jest już ok.

dzięki wielkie za pomoc smile.gif)
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.