Sto provando a rifare il mio sito con i layout table less e quindi usando i div senza le tabelle.
Ora nell'id content dovrei ricreare una tabella con 2 colonne.
Nella colonna sinistra dovrei inserire le foto e in quella destra il testo.
in normale html sarebbe cosi:
<table width="680" border="0" cellspacing="0" cellpadding="0">
<tr valign=top>
<td width="180">[img]img/foto.jpg[/img]
</td>
<td>Testo bla bla bla</td>
</tr>
</table>
ma con i div come faccio a ricrearla?
<div id="contenitore">
<div id="banda_sx">
...
</div>
<div id="banda_dx">
...
</div>
</div>
#contentitore {
width : ....;
}
#banda_sx {
width : ...;
float:left;
...
}
#banda_sx {
width : ...;
float: ...;
...
}
ciao
sergio
sto provando cosi ma non va benissimo:
nel css
div#content{background-color:#ffffff; text-align: center; padding: 0.1em; width: 718px}
#foto {
width : 180px;
float:left;
...
}
#testo {
width : 500px;
float: right;
...
}
nella pagina
<div id="foto">
<div align="center"> <div id="foto">
qua ci metto le foto
</div>
<div id="testo">
qua ci scrivo le cose
</div>
Ho problemi perche' mi esce il testo "qua ci scrivo le cose" fuori dal content...
così io lo vedo bene
<html>
<head>
<link id="stylesheet" rel="stylesheet" type="text/css" href="prova.css" />
</head>
<body>
<div id="content">
<div id="foto">
foto
</div>
<div id="testo">
qua ci scrivo le cose
</div>
</div>
</body></html>
#content
{
background-color:#ffffff;
text-align: center;
padding: 0.1em;
width: 718px;
border: Solid 1px #000000;
height:500px;
}
#foto {
width : 180px;
float:left;
border: Solid 1px #000000;
}
#testo {
width : 500px;
float: right;
border: Solid 1px #000000;
}
ciao
sergio
cosi come hai fatto tu funziona solo che mi ha spostato il footer e non riesco piu' a centrarlo... come mai?
Allego l'immagine
non avevi parlato di footer, prova così aggiustando margini e padding.
<html>
<head>
<link id="stylesheet" rel="stylesheet" type="text/css" href="prova.css" />
</head>
<body>
<div id="content">
<div id="foto">
foto
</div>
<div id="testo">
qua ci scrivo le cose
</div>
<div id="footer">
questo è il footer
</div>
</div>
</body></html>
#content
{
background-color:#ffffff;
text-align: center;
padding: 0.1em;
width: 718px;
border: Solid 1px #000000;
height:500px;
}
#foto {
width : 180px;
height:90%;
float:left;
border: Solid 1px #000000;
}
#testo {
width : 500px;
height:90%;
float: right;
border: Solid 1px #000000;
}
#footer {
width : 100%;
height:10%;
clear:left;
border: Solid 1px #000000;
}
ciao
sergio
Permessi di invio
Rispondi quotando