consiglio layout sito

**vcarpini** · 08-01-2008, 01:22

ciao a tutti!
Vorrei un consiglio su una cosa che mi sta facendo impazzire:

Sto realizzando questa pagina di un sito (http://www.gianluigitosto.it/sitonuovo/home.html) ma vorrei sapere come posso fare:
- per centrare la tabella nella pagina in orizzontale (nella versione cartolina come è ora)
- per avere una cosa a tutto schermo che si adatti per tutte le risoluzioni in cui lo apro (è possibile se la banda trasparente è un file flash?!
- posso creare un file flash in cui l'animazione delle foto passa sotto il menu trasparente o è troppo pesante?!

grazie per i consigli che darete a questa pasticciona!

Valeria

**ricman** · 08-01-2008, 10:11

Originariamente inviato da vcarpini
- per centrare la tabella nella pagina in orizzontale (nella versione cartolina come è ora)

Per prima cosa hai usato in modo errato la tabella (cercati "layout tableless" e prova a risistemare il tutto).
Per centrare un oggetto orizzontalmente si usa nel css applicato ad esso "margin: 0 auto;". La cosa è stata trattata molte volte... puoi fare una ricerca veloce veloce su questo stesso forum o su quello dei Css.
Riguardo al Flash non so aiutarti... Prova a fare la domanda nel forum dedicato al Flash...

**vcarpini** · 08-01-2008, 10:44

ok, grazie tante!

**vcarpini** · 08-01-2008, 11:21

eccomi di nuovo....ho provato ad usare i css ma non so se ho fatto bene e comunque la tabella non è centrata. Dove devo mettere il margin auto 0?
Il codice della mia pagina ora è questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Nome Tab.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body
{
text-align: center;
}
#container
{
width: 970px;
margin-right: auto;
margin-left: auto;
background-image: url(immagini/sfsabbia.gif);
height: 600px;
margin-top: auto;
margin-bottom: auto;
}
#box1
{
width:277px;
height: 450px;
background-repeat: no-repeat;
padding-bottom: 0px;
}
#box2
{
width: 693px;
height: 450px;
background-repeat: no-repeat;
}
#box3
{
width: 970px;
height: 100px;
background-repeat: no-repeat;
}
#box4
{
width: 970px;
background-repeat: no-repeat;
}
.box
{
float: left;
}
</style>
</head>

<body>
<div id="container">
<div id="box1" class="box">
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="277" height="450" title="animazione">
<param name="movie" value="flash/animhome.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="flash/animhome.swf" width="277" height="450" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</div>
<div id="box2" class="box">
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="200" title="news">
<param name="movie" value="news_verticali.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="news_verticali.swf" width="300" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</div>
<div id="box3" class="box">
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="970" height="100" title="menu">
<param name="movie" value="flash/menuhome.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="flash/menuhome.swf" width="970" height="100" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</div>
<div id="box4" class="box"></div>
<div style="clear: both"></div>
</div>
</body>
</html>

valeria

**ricman** · 08-01-2008, 13:49

Questa è la sintassi:

codice:

#id_del_di_che_vuoi_centrare {
margin : 0 auto;
text-align : left;
}

**vcarpini** · 08-01-2008, 15:25

ti ringrazio, mui gentile!
...sono sicura che sto facendo ancora qualche errore perchè vedo la Cartolina con spazio bianco sopra e sotto ma più spostata verso l'alto rispetto alla pagina...boh chissà se riuscirò mai a vederla nel mezzo.....vedrò di rifarla da zero, forse è la tecnica migliore. :berto:

**ricman** · 08-01-2008, 16:01

Originariamente inviato da vcarpini
ti ringrazio, mui gentile!
...sono sicura che sto facendo ancora qualche errore perchè vedo la Cartolina con spazio bianco sopra e sotto ma più spostata verso l'alto rispetto alla pagina...boh chissà se riuscirò mai a vederla nel mezzo.....vedrò di rifarla da zero, forse è la tecnica migliore. :berto:

E' semplice... prendi un div che conterrà TUTTO il sito (forse il tuo Container... non ho letto bene il codice...) e gli associ quello che scrivevo prima.
Guarda, per imparare ti conviene fare una pagina bianca solo con quel div e il css per vedere come si centra. Fai questa prova e se ancora non si centra quel div posta quel codice.

Approfondimento...

**vcarpini** · 08-01-2008, 22:20

eccomi di nuovo...grazie per i consigli...
ho fatto come mi hai suggerito ma non è equidistante in altezza...
qui c'è il codice che ho messo nella pagina:

--------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>

<style type="text/css">
#contenitore {
margin : 0 auto;
text-align : left;
width: 970px;
height: 600px;
background-image: url(web/immagini/sfsabbia.gif);
}
</style>
</head>

<body>
<div id=contenitore></div>
</body>
</html>

**vcarpini** · 08-01-2008, 22:38

scusa scusa.....ho scoperto l'inghippo! Io ho firefox! In Explorer è ok!

**Ciccio17** · 08-01-2008, 23:43

Io mi assicurerei che fosse OK, anche con Firefox...

Discussione: consiglio layout sito

Strumenti discussione

Ricerca discussione

Visualizza

consiglio layout sito

Re: consiglio layout sito

Permessi di invio