Come posso realizzare una tabella dall'aspetto come in foto allegata ?
Come posso realizzare una tabella dall'aspetto come in foto allegata ?
si può fare in pochi passaggi:
1 - Tasto destro sulla pagina di cui hai fatto lo screenshot,
2 - Visualizza html,
3 - Seleziona codice,
4 - Ctrl+c,
5 - Apri la tua pagina
6 - Ctrl+v
alla fine si può fare con una tabella con due celle e cellpadding/cellspacing quanto basta
ho fatto cosi'
<table width="706" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="630"><table width="630" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FF0000">
<tr>
<td bordercolor="#CCCCCC" bgcolor="#CCCCCC"></td>
</tr>
</table></td>
<td></td>
<td width="76"><table width="76" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FF0000">
<tr>
<td bordercolor="#CCCCCC" bgcolor="#CCCCCC"></td>
</tr>
</table></td>
</tr>
</table>
ciao
se posso permettermi:
lascia stare le tabelle ( ) e passa ai CSS + XHTML;
molto + leggero in termini di bytes e, senza css, diventerebbe una pagina testuale.
ciauz
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Appoggio il consiglio!
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
potreste almeno scrivere qualche suggerimento.
del tipo?
cosa devi realizzare?
ciauz
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
<table width="706" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="630"><table width="630" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FF0000">
<tr>
<td bordercolor="#CCCCCC" bgcolor="#CCCCCC"> </td>
</tr>
</table></td>
<td> </td>
<td width="76"><table width="76" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FF0000">
<tr>
<td bordercolor="#CCCCCC" bgcolor="#CCCCCC"> </td>
</tr>
</table></td>
</tr>
</table>
usando css e xhtml ?
per il codice CSS:
<style type="text/css">
#container {
width: 706px;
\width: 706px;
w\idth: 706px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#sinistro {
padding: 0px;
margin-right: 78px;
background-color: #fff;
height:150px;
border: 1px solid red;
}
#destro{
float: right;
width: 76px;
\width: 76px;
w\idth: 76px;
margin: 0;
padding: 0px;
background-color: #fff;
border:1px solid red;
height:150px;
}
</style>
nel body della pagina:
<div id="container">
<div id="destro">colonna SX</div>
<div id="sinistro">colonna DX</div>
</div>
spero vada bene.
ciao
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com