Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

allineamento tabelle

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

allineamento tabelle

Messaggioda Krusty » sab feb 04, 2006 4:26 pm

Ragazzi, sto creando una home page con l'uso delle tabelle:

ho una tabella generale che contiene il tutto (che chiamerò A) e all'interno posiziono tutte le altre tabelle con i vari topic del sito.

Tutte le tab interne sono posizionate con allineamento in alto e centrale ma ne vorrei mettere una di questo (l'ultima) allineata in basso (la tab che contiene 'CREDITS' quindi una striscia di circa 10 px) ma non riesco.

Se do alla tab principale A, oltre alla larghezza di 760 px, anche un'altezza di 100% mi sfasa tutte le tab interne ovvero non me le tiene allineate tutte in alto e quella dei 'CREDITS' in basso ma me le posiziona in centro.

Allego il codice per far capire meglio:

Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-image: url(img/lati.jpg);
   background-repeat: repeat-y;
   background-position: center;
   margin: 0px;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a:active {
   text-decoration: none;
}
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}

body {

}
-->


</style></head>

<body>
<div align="center">
  <table width="760" border="0" bordercolor="#000000" bgcolor="#660000">
    <tr>
      <td><div align="center">
        <table width="100%"  border="0" align="center">
          <tr>
            <td width="760" height="100">BANNER</td>
          </tr>
          <tr>
            <td width="760" height="20"><div align="center">
              <table width="100%"  border="0">
                <tr>
                  <td width="140" height="20"><div align="center">PROFILO</div></td>
                  <td width="3" height="20"><div align="center">|</div></td>
                  <td width="140" height="20"><div align="center">PRODOTTI</div></td>
                  <td width="3" height="20"><div align="center">|</div></td>
                  <td width="140" height="20"><div align="center">DOVE SIAMO </div></td>
                  <td width="3" height="20"><div align="center">|</div></td>
                  <td width="140" height="20"><div align="center">CONTATTI</div></td>
                  <td width="3" height="20"><div align="center">|</div></td>
                  <td width="140" height="20"><div align="center">LINK</div></td>
                </tr>
              </table>
            </div></td>
          </tr>
        </table>
        <table width="100%" height="100%"  border="0">
          <tr>
            <td><div align="center">CONTENUTO DEL SITO </div></td>
          </tr>
        </table>
        <table width="100%"  border="0" align="center">
          <tr>
            <td>LA TAB CHE CONTIENE questa TESTO DOVREBBE ESSERE ALLINEATA IN BASSO </td>
          </tr>
        </table>
      </div></td>
    </tr>
  </table>
</div>
</body>
</html>
"L’uovo ha una forma perfetta benchè sia fatto col posto dove non batte mai il sole" - Bruno Munari
Avatar utente
Krusty
Bronze Member
Bronze Member
 
Messaggi: 559
Iscritto il: sab lug 02, 2005 3:57 pm

Messaggioda Boo » dom feb 05, 2006 12:41 am

Codice: Seleziona tutto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html dir="ltr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="it-it" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
body {
background: url(img/lati.jpg) center repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
height: 100%;
margin: 0px;
}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

div.main {
background: #660000;
border: none;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 760px;
}

div.banner {
background: url(img/banner.jpg) center no-repeat;
border: none;
height: 100px;
width: 760px;
}
p#content {height: 70%;}
p.footer {vertical-align: bottom;}
</style>
</head>
<body>
<div class="main">
   <div class="banner"></div>
      <p>PROFILO | PRODOTTI | DOVE SIAMO | CONTATTI | LINK</p>
      <p id="content">CONTENUTO DEL SITO</p>
        <p class="footer">LA TAB CHE CONTIENE questa TESTO DOVREBBE ESSERE ALLINEATA IN BASSO</p>
</div>
</body>
</html>
Avatar utente
Boo
Silver Member
Silver Member
 
Messaggi: 1276
Iscritto il: sab dic 04, 2004 3:41 pm


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising