<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Una tabella con i Div/CSS by: superbau</title>
<style type="text/css">
<!--
#Tabella01 {
position:absolute;
width:336px;
height:285px;
z-index:1;
top:10px;
border:solid #FF6699 2px;
overflow: visible;
}
#celleTitoli01 {
position:relative;
width:100px;
height:25px;
z-index:1;
border:solid #000000 1px;
padding: 5px;
background: #996699;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#cella01 {
position:relative;
width:100px;
height:50px;
z-index:1;
border:solid #000000 1px;
padding: 5px;
background:#9999CC;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#cellaRiga01 {
position:relative;
width:100px;
height:50px;
z-index:1;
border:solid #000000 1px;
padding: 5px;
background:#996699;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#cellaTR1{
position: absolute;
left:0px;
top: 0px;
}
#cellaTR2{
position: absolute;
left: 112px;
}
#cellaTR3{
position: absolute;
left: 224px;
}
-->
</style>
</head>
<body>
<div id="Tabella01">
<div id="cellaTR1">
<div id="celleTitoli01">Tabella BAU </div>
<div id="cellaRiga01">Riga 01</div>
<div id="cellaRiga01">Riga 02</div>
<div id="cellaRiga01">Riga 03</div>
<div id="cellaRiga01">Riga 04</div>
</div>
<div id="cellaTR2">
<div id="celleTitoli01">Colonna 02</div>
<div id="cella01">1</div>
<div id="cella01">2</div>
<div id="cella01">3</div>
<div id="cella01">4</div>
</div>
<div id="cellaTR3">
<div id="celleTitoli01">Colonna 03</div>
<div id="cella01">5</div>
<div id="cella01">6</div>
<div id="cella01">7</div>
<div id="cella01">8</div>
</div>
</div>
</body>
</html>
Rispondi quotando
