Forum PHP.pl > Rozszezanie tabeli (pilne)

Seth

24.04.2003, 12:36:06

Tutaj znajduje sie link do wzorca tabel KLIKNIJ MNIE

Prolem polega na tym iz wpisujac text, ktory rozszeza tabele w dol, to co powinno sie rozszezac obok (widac to na stronie z linku) nie rozszeza sie natomiast to co powinno zachowac swoj rozmiar (wysokosc) rozszeza sie. Najlepiej jest to widoczne na przykladzie. Szare pola w tabeli powinny rozszezac sie max w dol aby zpobiec rozszezaniu sie komorek nad nimi i min powielac tlo obrazka (co nie widac w przykladzie).

Nie wiem czy pomylilem sie w kodzie (chociaz go sprawdzalem) albo tak juz musi byc

W IE i Netscape jest ten problem, natomiast w Operze nie.

Prosil bym o szybka odpowiedz, zalezy mi na czasie.
Z gory dziekuje.

dragossani

24.04.2003, 13:18:45

[quote]<td style="height: 100[b]x w to miejsce załatwi sprawę.

Seth

24.04.2003, 13:20:45

Poprawilem ale nadal sie rozszeza to co nie powinno

A3 powinno pozostawac nienaruszone. A tu sie rozszeza i wlasnie to jest glowny problem. Tam znajduje sie menu we flashu i jak sie to rozjezdza to wszystko szlag trafia

zalew

24.04.2003, 15:23:13

nie dziala twoj link, pusta kartka.. pokaz ta tabelke, bo rozne dziwne rozjazdy to tez moja codzienna wojna

tak btw akurat mam chwile czasu i dla ciebie i dla siebie zaczalem szperac po css do tabeli i trafilem na takie cos (moze wstyd ale nie znalem tej wlasciwosci chyba wczesniej) , bede musial to poprobowac table-layout: fixed.. stestuj to... pozdro

Seth

24.04.2003, 23:04:25

Dzieki dragossaniemu juz dziala jak trzeba

. Inne zagniezdzenie tabel pomoglo.

Umnie link dziala prawidlowo.

Co do tego stylu to tez nie spotkalem sie z nim. Swietny sposob aby w koncu pozbyc sie tego ustalania rozmiaru tabeli przez przegladarke.

-----------------------------------

Mam jeszcze jeden problem... mianowicie nie mozna uzyskac procentowej wielkosci tabel.

Uzywam DTD:

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Tutaj jest schemat tabel:

Kod

|--------|

| |----| |

| | | |

| |----| |

|--------|

Zewnetrzna tabela posiada wewnatrz inna tabele. Powiedzmy, ze ta wieksza ma romziary 400x500... i teraz problem: kiedy ustawiam styl na width:100% i height:100% wewnetrznej tabeli za nic nie chce sie powiekszyc do tych rozmiarow :? W HTMLu niema z tym problemow.
Przy innych prologach jest to samo.

Czy ktos sie juz z tym spotkal i wie jak to rozwiazac ?

scanner

25.04.2003, 11:36:19

Przykład:

Kod

<?xml version="1.0" encoding="iso-8859-2"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<style type="text/css">



</style>

</head>

<body>

<table class="ext">

    <tr>

        <td><table class="int">

                <tr>

                    <td>x</td>

                </tr>

            </table>

  </td>

    </tr>

</table>

</body>

</html>

Screenshot (IE 6 SP 1):

Seth

25.04.2003, 12:18:03

Troche 'splaszczylem' przyklad z ktorym mam problem, wiec podam kod podbny do tego ktory mimo, ze jest poprawny nie wyswietla odpowiednio tabel (ten tez tego nie robi):

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" />

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

    <title>Sample</title>

<style type="text/css">



</style>

  </head>

  <body xml:lang="pl">

    <table style="weight: 760px; height:100%">

      <tbody>

        <tr>

          <td style="width: 600px; height: 100%; vertical-align: middle;">

            <table style=" width: 100%;height: 100%;">

              <tbody>

                <tr>

                  <td style="width: 100%; height: 30px; vertical-align: middle;text-align:center;">a</td>

                </tr>

                <tr>

                  <td style="width: 100%; height: 100%;vertical-align: middle;text-align:center;">b</td>

                </tr>

                <tr>

                  <td style="width: 100%; height: 50px;vertical-align: middle;text-align:center;">d</td>

                </tr>

              </tbody>

            </table>

          </td>

        </tr>

      </tbody>

    </table>

  </body>

</html>

Chodzi o fragment: <table style="weight: 760px; height:100%"> Tabela powinna sie rozszezyc do maxymalnej wysokosci. Ale tak nie jest :?

Idac Twoim sladem scanner podaje zrzucik

:

Przegladarka: IE 6 - SP1, Q810847, Q813951, Q813489, Q330994
Na Operze 7.01 i Netscape'ie 7.0 jest ten sam problem.

scanner

25.04.2003, 12:42:10

Kod

<?xml version="1.0" encoding="iso-8859-2"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<style type="text/css">



</style>

</head>

<body>

<table class="ext">

    <tr>

        <td>

  

     <table style=" width: 600px; height: 100%;">

              <tbody>

                <tr><td bgcolor="#CCCCCC" style="width: 100%x; height: 30px; vertical-align: middle;text-align:center;">a</td></tr>

                <tr><td bgcolor="#006600" style="width: 100%; height: 100%;vertical-align: middle;text-align:center;">b</td></tr>

                <tr><td bgcolor="#333333" style="width: 100%; height: 50px;vertical-align: middle;text-align:center;">d</td></tr>

              </tbody>

            </table>

     <!-- End Seth ->

  </td>

    </tr>

</table>

</body>

</html>

O to chodziło?

(kolorki tylko dla podglądu, dlatego nie xHTML).

Seth

25.04.2003, 12:48:37

8O wielkie dzieki... tylko nie rozumiem dlaczego tamto mimo, ze kod byl skladniowo dobry nie dzilalo.

scanner

25.04.2003, 12:52:36

ja też nie rozumiem, ale za to bardzo lubię DreamWeavera MX

Pozatym w jednym miejscu (zewnętrza tabela) twojego przykładu masz weight a o ile mnie pamięć nie myli tego parametru w (x)HTMLu sie nie przewiduje

Seth

25.04.2003, 12:54:39

Cytat

ja też nie rozumiem, ale za to bardzo lubię DreamWeavera MX

Cos mi sie zdaje, ze niedlugo go sciagne

Cytat

Pozatym w jednym miejscu (zewnętrza tabela) twojego przykładu masz weight a o ile mnie pamięć nie myli tego parametru w (x)HTMLu sie nie przewiduje :)

Ehh literowka mialo byc width :PPPP

scanner

25.04.2003, 13:01:43

Cytat

ja też nie rozumiem, ale za to bardzo lubię DreamWeavera MX

Cos mi sie zdaje, ze niedlugo go sciagne

Wiele rzeczy mu brakuje (szczególnie jeśli chodzi o xHTML i niektóre znaczniki CSS (a może jeszcze do nich nie dotarłem - np. border-collapse), ale szczerze powiedziawszy nie używam nic innego - a kolorowanie składni można sobie dopasiowac jak kto lubi

Zresztą myślę, że DeyCV mnie poprze

Jedynym zgrzytem jest cena programu

Seth

25.04.2003, 13:05:49

Wzasadzie bedzie mi on potrzebny tylko do tych diabelskich tabelek bo wole babrac sie samemu w kodzie - takie zboczenie zawodowe

Ale jesli juz mowa o edycji CSSa to wg mnie nie ma lepszego narzedia od TopStyla. Jest to edytor strony z opcjami CSS napisany (pierwsze wersje) przez czlowieka z W3C .
Polecam zapoznac sie z trialem: http://www.bradsoft.com/topstyle/
Na poczatku ilosc opcji moze wydac sie nadmiarowa ale jest to naprawde solidny program. W CSSach jak dla mnie jest nie zastapiony.

scanner

25.04.2003, 13:13:10

Ja też wolę kod sam napisać. DW jest bardzo dobry do html'a (automatyzacja obsługi np. MySQL pozostawia wiele do źyczenia - bałaganu trochę za duzo jak dla mnie).
Co do TopStyle - zabierałem się już za niego ze 4 razy - ale jakoś nie potrafię się przekonać. Ale może 5 raz się powiedzie

To tak samo jak np. Pajączek. mam licencje, ale go po prostu nie uzywam, bo czegoś mi w nim brakuje...