Ciao a tutti c'è una cosa che mi sta facendo impazzire e ciò voglio che la mia tabella vada fino alla fine dello schermo come facccio(es. menu di apple.it) se metto wight 100% lascia un po di spazio o messo al BODY(in css) paddin, margin , vorder a 0
:confused: :confused: :confused: :mc: :mc:
Cosa posso fare =??? Allora ... innanzitutto puoi senz'altro andare ad esaminare il codice html/css di apple.it, in modo da capire come è fatto.
Ti posso dire già subito che quel sito usa le tabelle per il layout del menù, e se non lo sai, usare le tabelle per il layout è visto in genere come una pessima idea! Si dovrebbero usare i <div> per gestire il layout della pagina.
Se vuoi un esempio di come fare un menù del genere usando i CSS e usando i DIV, prova questo codice (ho linkato le stesse immagini usate dalla apple :p ):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova</title>
<style type="text/css">
<!--
body {
text-align: center;
margin: 0px;
padding: 0px;
background: url("http://images.apple.com/it/main/top_nav/images/2002/09/1bg.gif") repeat-x top left;
}
#menu {
width: 216px;
padding: 0px;
margin: 0px auto;
text-align: left;
}
#menu ul {
padding: 0px;
margin: 0px;
}
#menu li {
height: 32px;
margin: 0px;
list-style: none;
float: left;
}
#menu li a {
display: block;
height: 32px;
text-decoration: none;
}
#menuitem1 { width: 118px; background: url("http://images.apple.com/it/main/top_nav/images/2002/09/1.gif"); }
#menuitem2 { width: 98px; background: url("http://images.apple.com/it/main/top_nav/images/2002/09/2.gif"); }
-->
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a id="menuitem1" href="#"></a></li>
<li><a id="menuitem2" href="#"></a></li>
</ul>
</div>
<div>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
</div>
</body>
</html>