layout

**yag** · 10-02-2005, 10:35

salve devo realizzare quest layout mi date una mano ?

**Sgnafurz** · 10-02-2005, 10:37

beh posta il tuo codice no? cosi lo vediamo assieme

**yag** · 10-02-2005, 10:50

Originariamente inviato da Sgnafurz
beh posta il tuo codice no? cosi lo vediamo assieme

Ok è molto lungo metto dal body in giù

<body>
<div id=bloccosito>
<? //piccola parte in php non fa altro che includere i file
include("header.php");
include("main_vert_menu.php");
include("col_centrale.php");
include("bar_right.php");
?>

</div>
</body>

//unica nota per col_centrale è fatta così gli altri sono
//semplici div

<div id=col_centrale>
<? include("centro.php") ?>
<? include("footer.php"); ?>
</div>

//codice css.
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 12px;*/
width : 800px;
text-align:center;
margin:auto ;
background-image: url(../images/pat_bckgrnd.gif);
}

//header in alto
#bloccosito{
/*text-align: left; */
width: 780px;
height: 800px;
/*overflow: hidden;*/
}

#header{
/*background-color: Aqua;*/
height: 157.5px;
overflow: hidden;

}

//home
#home{
text-align: left;
width: 500px;
margin-left: 10px;
/*border: 1px solid;*/
}

//
#centro{
position: relative;
width: 100%;
height: 97.5%;
text-align: left;
border: 0px;
margin: 0px;
/*border: 1px solid; */
}

#footer{
width: 100%;
background-color: red;
background-color: #01A558;
height: 20px;

}

#lineefooter{
background-image: url(../images/pat_footer.gif); /*height: 5px;*/
height: 10px;
overflow: hidden;
}

#col_centrale{
float: left;
width: 615px;
height: 100%;
background-color: White;
/*border: 1px solid;*/
}

**Sgnafurz** · 10-02-2005, 11:02

ehm dimmi come si chiamano rispettivamente gli id dei div inclusi da ogni singolo file php

fai una cosa posta solo html senza inclusioni che ci sono dei class che non so a chi applicare (es. line footer)

**yag** · 10-02-2005, 11:14

Originariamente inviato da Sgnafurz
ehm dimmi come si chiamano rispettivamente gli id dei div inclusi da ogni singolo file php

fai una cosa posta solo html senza inclusioni che ci sono dei class che non so a chi applicare (es. line footer)

line footer è una linea dentro il footer lo posso anche togliere

**Sgnafurz** · 10-02-2005, 11:43

guarda se può andarti bene
non è perfetto lo devi risistemare un attimino

codice:

<html>
<head>
<style>


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 12px;*/
text-align:center;
margin:auto ;
background-image: url(../images/pat_bckgrnd.gif);
}

//header in alto
#bloccosito{
text-align: left; 
width: 1000px;
height: 800px;
border: 1px solid black;
background-color: #ff0000;
}

#header{
width: 1000px;
background-color: Aqua;
height: 157px;
overflow: hidden;
}

#menu_verticale{
 width: 150px;
 height: 500px;
 float: left;
 border: 1px solid #000000;
}

#centro{
float: left;
width: 700px;
height: 400;
background-color: White;
border: 1px solid;
}


#colonna_sinistra{
width: 150px;
height: 400px;
text-align: left;
margin: 0px;
border: 1px solid #000000;
float: left; 
}

#footer{
width: 850px;
background-color: #01A558;
height: 100px;
float: left;
}

</style>
</head>

<body>
<div id="bloccosito">
  <div id="header"></div>
  <div id="menu_verticale"></div>
  <div id="centro"></div>
  <div id="colonna_sinistra"></div>
  <div id="footer"></div>
</div>

</div>
</body>
</html>

Discussione: layout

Strumenti discussione

Ricerca discussione

Visualizza

layout

Permessi di invio