[CSS] simulare tabelle

patrick91

[CSS] simulare tabelle

Ciao volevo fare una cosa simile alle immagini allegate però con i css
ho già provato con ```

<-- esempio con 2 div -->
<div class="tab">
<div> parte 1 </div>
<div> parte 2 </div>
</div>

e con il relativo css

//esempio 2 div
div.tab div{
float:left
padding: 2%
}

#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 1px solid white;
margin: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#header {
padding: 0px;
margin-bottom: ;
background-color: rgb(255, 255, 255);
}
#contenuto {
padding: 2px;
margin-left: 150px ;
margin-right: 20px;
background-color: white;
border-left: 1px dotted #1114a1;
}
#menu {
float: left;
width: 120px;
margin-left: 20px ;
margin-right: ;
padding: 5px;
background-color: rgb(255, 255, 255);
}
#footer {
clear: left;
padding: 5px;
margin-top: ;
margin-left: 20px;
margin-right: 20px;
background-color:;
text-align: right;
}
{
font-weight: bold;
font-size: small;
color: white;
}
.buttone a{
color: ;
background-color: ;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid ;
font: 13px Arial, sans-serif;
font-weight: bold;
color:;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttone a:hover{
border-left: 10px solid ;
text-decoration: none;
color: rgb(30, 103, 212);}

come devo fare x risolvere?
grazie

ivy

Ciao,

posta l'html completo e il css completo.

marasma

@patrick91 said:

Ciao volevo fare una cosa simile alle immagini allegate però con i css
ho già provato con ```

<-- esempio con 2 div -->
<div class="tab">
<div> parte 1 </div>
<div> parte 2 </div>
</div>

e con il relativo css

//esempio 2 div
div.tab div{
float:left
padding: 2%
}

>#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 1px solid white;
margin: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#header {
padding: 0px;
margin-bottom: ;
background-color: rgb(255, 255, 255);
}
#contenuto {
padding: 2px;
margin-left: 150px ;
margin-right: 20px;
background-color: white;
border-left: 1px dotted #1114a1;
}
#menu {
float: left;
width: 120px;
margin-left: 20px ;
margin-right: ;
padding: 5px;
background-color: rgb(255, 255, 255);
}
#footer {
clear: left;
padding: 5px;
margin-top:  ;
margin-left: 20px;
margin-right: 20px;
background-color:;
text-align: right;
}{
font-weight: bold;
font-size: small;
color: white;
}
.buttone a{
color: ;
background-color: ;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid ;
font: 13px Arial, sans-serif;
font-weight: bold;
color:;
text-decoration: none;
text-align: left;
margin-top: 1px;}
 
.buttone a:hover{
border-left: 10px solid ;
text-decoration: none;
color: rgb(30, 103, 212);}

>``` mi sballa i footer :x
come devo fare x risolvere?
grazie
prova aggiungendo nel div del footert-> *clear:right; ;) *

patrick91

proverò!
per il css e l'html li posterò fra qualche giorno perchè non posso connettermi dal mio pc (non si connette):x .
grazie