Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Rozszezanie tabeli (pilne)
Seth
post 24.04.2003, 12:36:06
Post #1





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


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 tongue.gif W IE i Netscape jest ten problem, natomiast w Operze nie.


Prosil bym o szybka odpowiedz, zalezy mi na czasie.
Z gory dziekuje.
Go to the top of the page
+Quote Post
dragossani
post 24.04.2003, 13:18:45
Post #2





Grupa: Przyjaciele php.pl
Postów: 398
Pomógł: 0
Dołączył: --
Skąd: Poznań

Ostrzeżenie: (0%)
-----


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


--------------------
cease this long, long rest / wake and risk a foul weakness to live / when it all comes down / watch the smoke and bury the past again / sit and think what will come / raise your fears and cast them all away
Go to the top of the page
+Quote Post
Seth
post 24.04.2003, 13:20:45
Post #3





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


Poprawilem ale nadal sie rozszeza to co nie powinno sad.gif

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 sad.gif
Go to the top of the page
+Quote Post
zalew
post 24.04.2003, 15:23:13
Post #4





Grupa: Zarejestrowani
Postów: 407
Pomógł: 0
Dołączył: 24.10.2002
Skąd: warszawa

Ostrzeżenie: (0%)
-----


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

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


--------------------
Go to the top of the page
+Quote Post
Seth
post 24.04.2003, 23:04:25
Post #5





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


Dzieki dragossaniemu juz dziala jak trzeba smile.gif. 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 ?
Go to the top of the page
+Quote Post
scanner
post 25.04.2003, 11:36:19
Post #6





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




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">

<!--

table.ext {

    height: 500px;

    width: 400px;

    background-color: #999999;

}

table.int {

    height: 100%;

    width: 100%;

    background-color: #CCCCCC;

}

-->

</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):


--------------------
scanner.info
Warto pamiętać: KISS, DRY
Go to the top of the page
+Quote Post
Seth
post 25.04.2003, 12:18:03
Post #7





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


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">

<!--

table{

    border: solid 1px;

    border-color: Black;

  vertical-align: top;

}

-->

</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 smile.gif :



Przegladarka: IE 6 - SP1, Q810847, Q813951, Q813489, Q330994
Na Operze 7.01 i Netscape'ie 7.0 jest ten sam problem.
Go to the top of the page
+Quote Post
scanner
post 25.04.2003, 12:42:10
Post #8





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




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">

<!--

table.ext {

   height: 100%;

   width: 760px;

   background-color: #999999;

}

-->

</style>

</head>

<body>

<table class="ext">

    <tr>

        <td>

  <!-- Seth -->

     <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?questionmark.gif (kolorki tylko dla podglądu, dlatego nie xHTML).


--------------------
scanner.info
Warto pamiętać: KISS, DRY
Go to the top of the page
+Quote Post
Seth
post 25.04.2003, 12:48:37
Post #9





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


8O wielkie dzieki... tylko nie rozumiem dlaczego tamto mimo, ze kod byl skladniowo dobry nie dzilalo.
Go to the top of the page
+Quote Post
scanner
post 25.04.2003, 12:52:36
Post #10





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




ja też nie rozumiem, ale za to bardzo lubię DreamWeavera MX smile.gif
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 smile.gif


--------------------
scanner.info
Warto pamiętać: KISS, DRY
Go to the top of the page
+Quote Post
Seth
post 25.04.2003, 12:54:39
Post #11





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


Cytat
ja też nie rozumiem, ale za to bardzo lubię DreamWeavera MX smile.gif

Cos mi sie zdaje, ze niedlugo go sciagne smile.gif

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
Go to the top of the page
+Quote Post
scanner
post 25.04.2003, 13:01:43
Post #12





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




Cytat
Cytat
ja też nie rozumiem, ale za to bardzo lubię DreamWeavera MX smile.gif
Cos mi sie zdaje, ze niedlugo go sciagne smile.gif
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 smile.gif
Zresztą myślę, że DeyCV mnie poprze smile.gif
Jedynym zgrzytem jest cena programu sad.gif


--------------------
scanner.info
Warto pamiętać: KISS, DRY
Go to the top of the page
+Quote Post
Seth
post 25.04.2003, 13:05:49
Post #13





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


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

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.
Go to the top of the page
+Quote Post
scanner
post 25.04.2003, 13:13:10
Post #14





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




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 smile.gif To tak samo jak np. Pajączek. mam licencje, ale go po prostu nie uzywam, bo czegoś mi w nim brakuje...


--------------------
scanner.info
Warto pamiętać: KISS, DRY
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.04.2024 - 00:43