[HTML/CSS] fino a fine monitor....:?

Pro7on · 27-10-2006, 22:24

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

Cosa posso fare =???

Thx Cioaaoooo

Pro7on · 28-10-2006, 10:32

Quote:

Originariamente inviato da Pro7on

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

Cosa posso fare =???

Thx Cioaaoooo

andbin · 28-10-2006, 13:52

Quote:

Originariamente inviato da Pro7on

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

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

):

Codice:

<!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>

Pro7on · 28-10-2006, 18:46

Quote:

Originariamente inviato da andbin

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

):

Codice:

<
<body>
:::::::::::::::::::::::::::
<div id="menu">

</div>

</body>
</html>

Thx

27-10-2006, 22:24	#1
Pro7on Senior Member Iscritto dal: Jun 2005 Città: CH Messaggi: 1058	[HTML/CSS] fino a fine monitor....:? 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 Cosa posso fare =??? Thx Cioaaoooo __________________ My_Site\|\| My Work CPU \|\| MY I MOD Ultima modifica di Pro7on : 28-10-2006 alle 10:32.

Strumenti
Mostra una versione stampabile Invia questa pagina per email