pagina divisa in tre parti: come fare?

marcosicari · 8 Ott 2004

SAlve ragazzi, mi serviva un grosso aiuto.
Volevo dividere la mia pagina in tre parti: quella di sinistra dove mettero i miei collegamenti, quella superiore dove mettero il titolo della pagina e poi il centro pagina.
Ma non riesco a creare una specie di tabella che mi permette di dividere la mia pagina.
Io volevo una divisone senza aggiunta di altre pagine, cioè la pagina stessa deve essere divisa in tre parti.
Potete aiutarmi?
GRazie anticipate.
Siete bravissimi

WebDisaster · 8 Ott 2004

Non si comprende bene quello che vuoi realizzare...
Una pagina strutturata con una tabella, oppure con i frame?

PS: ho staccato la tua domanda dal resto della discussione (quella dove avevi postato), creandone una nuova.

Zed Marlin · 3 Nov 2004

Intendi una cosa di questo tipo?

Codice:

<html>
<head>
<title>tabellone</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr> 
    <td colspan="3" height="95"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF6600" height="100%">
        <tr> 
          <td valign="top">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr> 
    <td rowspan="2" width="20%"> 
      <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#99CC00">
        <tr> 
          <td>&nbsp;</td>
        </tr>
      </table>
    </td>
    <td valign="top" width="60%">&nbsp;</td>
    <td rowspan="2" width="20%"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#99CC00" height="100%">
        <tr> 
          <td>&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr> 
    <td valign="top" width="60%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Io l'ho divisa in quattro... non si sa mai...

daviduccio · 3 Nov 2004

Bella divisione.....CON LE TABELLE!

SkedO · 3 Nov 2004

io avrei utilizzato i CSS (i DIV per intenderci).

Richiami il css dall'esterno, così almeno se devi sconvolgere la struttura, hai da lavorare solo su un file.

è solo però la mia modesta opinione :byebye:

SkedO · 3 Nov 2004

daviduccio ha scritto:
I DIV non dividono comunque le pagine! :byebye:

io i DIV li considero come delle scatole in cui ci metti il testo, link etc.. li preferisco perchè se devo fare il restyling del sito (e ahimè la sto pagando per aver usato le tabelle) noto una certa differenza di tempo.. mi sa che vado a nanna :dormo:

daviduccio · 4 Nov 2004

I DIV non dividono comunque le pagine! :byebye:

nicola · 18 Nov 2004

I DIV sono i contenitori del web del futuro

Ciao vedo che nessuno ha postato il codice per risolverti il problema allora ci penso io con i DIV e CSS

L'esempio prevede 3 aree come da tua richiesta, il layout è fluido sia in orrizontale che in verticale.

Utilizzate i DIV e CSS per risolvervi oggi i problemi che troverete domani nella gestione utilizzando tabelle e ancor peggio i frame.

<html>
<head>
<title>Esempio 3 aree con CSS e DIV</title>
<style>
body { font-family: sans-serif; font-size: 11px; margin: 0px; padding: 0px; height: 100%;}
.main { height: 100%; }
.top { height: 20%; border-bottom: 1px solid #555; padding: 4px; }
.colsx { float: left; width: 200px; border-right: 1px solid #555; height: 80%; padding: 4px;}
.content { letter-spacing: 2px; line-height: 16px; text-align: justify; padding: 4px;}
</style>
</head>
<body>
<div class="main">
<div class="top"><h1>Titolo</h1></div>
<div class="colsx">Colonna sinistra</div>
<div class="content">Tutto il testo della pagina</div>
</div>
</body>
</html>

Ciao Nicola

Spero che vi piaccia come esempio

Cerca

Cerca

pagina divisa in tre parti: come fare?

marcosicari

Nuovo Utente

WebDisaster

Utente Attivo

Zed Marlin

Utente Attivo

daviduccio

Moderatore

SkedO

Nuovo Utente

SkedO

Nuovo Utente

daviduccio

Moderatore

nicola

Utente Attivo

Discussioni simili