[HTML/CSS] Tabele nakładające się na siebie

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
inthend
Posty: 4
Rejestracja: śr lis 02, 2005 3:36 pm

[HTML/CSS] Tabele nakładające się na siebie

Post autor: inthend »

Musze wykonac dosc specyficzna tabelke, taka jak w zalaczonym obrazku.

Widzimy dwie tabelki, zolta i niebieska, zachodzace na siebie komorka o tych samych wymiarach. I teraz po kliknieciu na tabelke zolta, ma ona byc 'nad niebieska', ze wsolna komorka jest koloru zoltego. Natomiast po kliknieciu na tabelke niebieska, to ona ma byc 'na gorze'.

Jak sie z tym uporac ?
Aha, to nie moga byc rysunki, musza byc tabelki.



Obrazek
inthend
Posty: 4
Rejestracja: śr lis 02, 2005 3:36 pm

Re: [HTML/CSS] Tabele nakładające się na siebie

Post autor: inthend »

uff, poradzilem sobie, wprawdzie bez styli sie nie obeszlo, czego tutaj akurat chcialem uniknac ale juz wszystko smiga :P Nom i okazalo sie jednal ze przenikanie nie jest potrzebne, wystarczy zachodzenie na siebie

Pozdrawiam, inthend
Fingon
Nowy
Nowy
Posty: 58
Rejestracja: śr wrz 29, 2004 5:39 pm

Re: [HTML/CSS] Tabele nakładające się na siebie

Post autor: Fingon »

może podasz rozwiązanie by inni odwiedzajacy ten topic czegoś sie dowiedzieli ;d
inthend
Posty: 4
Rejestracja: śr lis 02, 2005 3:36 pm

Re: [HTML/CSS] Tabele nakładające się na siebie

Post autor: inthend »

rozwiazanie dosc standardowe:

Kod: Zaznacz cały

<style type="text/css">
<!--
#tabela {position: absolute; left: 100; top: 110}
#tabela2 {position: absolute; left: 203; top: 211}



-->
</style>
<title>strona</title>
</head>
<body>

<div id="tabela">
<table border bgcolor="yellow" cellpadding=0 cellspacing=0>
<tr><TD width="100" height="100" colspan="2"><td>d</td></tr>
<tr><TD width="100" height="100">d</td></tr>

</table>
</div>
<div id="tabela2">
<table border bgcolor="blue" cellpadding=0 cellspacing=0>
<tr><TD width="100" height="100">d</td><TD width="100" height="100">d</td></</tr>
<tr><TD width="100" height="100">d</td><TD width="100" height="100">d</td></tr>

</body>
</html>
Wiem ze troche niepoprawnie, mozna to zrobic lepiej, ale spieszylem sie :)
ODPOWIEDZ