Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div'y ? Jak zrobić taki układ tabel ?
Forum PHP.pl > Forum > Przedszkole
marekpb
Witam !
Czy ktoś mógłby mi pomóc jak napisać w divach taki układ tabel ? Umiem zrobić taki trój kolumnowy ale nie wiem jak włożyć tą ostatnią po prawej stronie, tam co pisze bramki. Czy ktoś mógłby mi napisać css i html ? Albo powiedział w jaki sposób mam to zrobić, bo nie mogę tego tam ustawić. Czy jest szansa tak zrobić ?

http://www.vpx.pl/up/20080826/beztytulu9.jpg
pyro
Szansa -> jest i naprawdę nie trzeba sie super znać, żeby coś takiego zrobic (poczytaj o divach podstawy)
Dział -> zły
tomsi
http://www.ucho24.info/porady/szablon.php
JoShiMa
Cytat(marekpb @ 26.08.2008, 22:24:56 ) *
Witam !
Czy ktoś mógłby mi pomóc jak napisać w divach taki układ tabel ? Umiem zrobić taki trój kolumnowy ale nie wiem jak włożyć tą ostatnią po prawej stronie, tam co pisze bramki. Czy ktoś mógłby mi napisać css i html ? Albo powiedział w jaki sposób mam to zrobić, bo nie mogę tego tam ustawić. Czy jest szansa tak zrobić ?

http://www.vpx.pl/up/20080826/beztytulu9.jpg

Jeśli czujesz, że musisz tabelę budować z divów to poczytaj sobie poczytaj sobie i przyjmij do wiadomości, że tabelki nie są zakazane.
ferrero2
Przecież to nie układ strony - po co to robić na Div-ach - właśnie tego rodzaje dane powinne być prezentowane w tabelkach.
Wystarczy trochę po colspanować i po rowspanować i piękna tabelka wyjdzie smile.gif
barthpl
Jeżeli nadal upierasz się na divach do zrobienia tej tabelki to raczej najbardziej sensownym (jeżeli w ogóle można uznać za sensowne robienie tabelki z divów) będzie sensownym ułożeniem div'ów jak to ma w tabelce, czyli:
  1. <div class="row title">
  2. <div class="column c1">poz.</div>
  3. <div class="column c2">zawodnik</div>
  4. <div class="column c3">drużyna</div>
  5. <div class="column c4">bramki</div>
  6. </div>
  7. <div class="row">
  8. <div class="column c1">1</div>
  9. <div class="column c2">Kowalski</div>
  10. <div class="column c3">Palące Porty</div>
  11. <div class="column c4">12</div>
  12. </div>

i style
Kod
div.row {
    width: 500px;
}
div.title div {
    // wygląd nagłówka
}
div.column{
    float: left;
}
div.c1{
    // dla każdej kolumny ustal szerokość, suma nie może
    // być większa niż ta zadeklarowana w div.row
    width: 100px
}


Ale mimo wszystko polecam tabelkę do tego rozwiązania.
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.