[CSS] Tabella con i css...

Jonny32 · 21-08-2005, 18:07

Mi servirebbe di fare una tabella a 3 colonne dentro un'altro <div>.
Conviene farla con i css o con l'html?

Io per ora l'unico modo che ho trovato finora e questo:

Codice PHP:


			
<html>





<head>

    <style>

        body { padding: 100px; }

        #part2 { background-color: #FFFFCC }

        .t1 { 

        left: 0px; width: 33.33%; 

        height: 120px; background-color: #000000 }

        .t2 { 

        position: relative; left: 33.33%; 

        width: 33.33%; top: -120px;

        height: 120px; background-color: #000FFF }

        .t3 { 

        position: relative; left: 66.66%; 

        width: 33.33%; top: -240px; 

        height: 120px; background-color: #FF00FF }

    </style>

</head>



<body><div id="part2">

    <div class="t1"></div><div class="t2"></div><div class="t3"></div></div>

</body>





</html>

http://edt.altervista.org/Prova.htm

Come potete vedere il problema è che il div esterno (nel mio caso part2) si allarga...
Conoscete metodi più efficienti?

Jonny32 · 21-08-2005, 18:09

Mi svelate anche un'altro mistero?
Che differenza c'è a usare <div id="nome"> e <div class="nome">?

(come frallaltro ho fatto nel mio esempio

)

Brazorv · 21-08-2005, 18:41

id è un identificatore e può essere assegnato ad un solo elemento all'interno della pagina
class invece è una classe e può essere assegnata a vari elementi

prova a dare un'occhiata qui
http://www.html.it/layout_css/

Jonny32 · 21-08-2005, 19:27

Quote:

Originariamente inviato da Brazorv

id è un identificatore e può essere assegnato ad un solo elemento all'interno della pagina
class invece è una classe e può essere assegnata a vari elementi

prova a dare un'occhiata qui
http://www.html.it/layout_css/

aaahhhhh...! ora capisco

grazie!

Jonny32 · 29-08-2005, 17:11

up

21-08-2005, 18:07	#1
Jonny32 Senior Member Iscritto dal: Jan 2003 Città: Lucca Messaggi: 2165	[CSS] Tabella con i css... Mi servirebbe di fare una tabella a 3 colonne dentro un'altro <div>. Conviene farla con i css o con l'html? Io per ora l'unico modo che ho trovato finora e questo: Codice PHP: <html> <head> <style> body { padding: 100px; } #part2 { background-color: #FFFFCC } .t1 { left: 0px; width: 33.33%; height: 120px; background-color: #000000 } .t2 { position: relative; left: 33.33%; width: 33.33%; top: -120px; height: 120px; background-color: #000FFF } .t3 { position: relative; left: 66.66%; width: 33.33%; top: -240px; height: 120px; background-color: #FF00FF } </style> </head> <body><div id="part2"> <div class="t1"></div><div class="t2"></div><div class="t3"></div></div> </body> </html> http://edt.altervista.org/Prova.htm Come potete vedere il problema è che il div esterno (nel mio caso part2) si allarga... Conoscete metodi più efficienti? __________________ Intel G1820T \| Asus H87-Pro \| 8Gb DDR3 1333Mhz \| Crucial M4 64Gb \| WD Green 2Tb \| Xonar Essence ST My pictures on 500px Ultima modifica di Jonny32 : 21-08-2005 alle 18:25.

21-08-2005, 18:09	#2
Jonny32 Senior Member Iscritto dal: Jan 2003 Città: Lucca Messaggi: 2165	Mi svelate anche un'altro mistero? Che differenza c'è a usare <div id="nome"> e <div class="nome">? (come frallaltro ho fatto nel mio esempio ) __________________ Intel G1820T \| Asus H87-Pro \| 8Gb DDR3 1333Mhz \| Crucial M4 64Gb \| WD Green 2Tb \| Xonar Essence ST My pictures on 500px

29-08-2005, 17:11	#5
Jonny32 Senior Member Iscritto dal: Jan 2003 Città: Lucca Messaggi: 2165	up __________________ Intel G1820T \| Asus H87-Pro \| 8Gb DDR3 1333Mhz \| Crucial M4 64Gb \| WD Green 2Tb \| Xonar Essence ST My pictures on 500px

21-08-2005, 18:41	#3
Brazorv Member Iscritto dal: Aug 2004 Messaggi: 156	id è un identificatore e può essere assegnato ad un solo elemento all'interno della pagina class invece è una classe e può essere assegnata a vari elementi prova a dare un'occhiata qui http://www.html.it/layout_css/

Strumenti
Mostra una versione stampabile Invia questa pagina per email