impaginazione sito

**Blackeyes** · 20-09-2009, 12:44

non riesco assolutamente a impaginare questo sito, http://www.sabrinamarchetti.it/2/ di certo mi sfugge qualche cosa ma non capisco cosa,
questo è lo style

codice:

/*colore sfondo: #000028*/
/*colore footer: #90ABD4*/

body{
	background-position: center;
	background-image: url(images/sfondo.jpg);
	color: #FFF;
	background-repeat: repeat;
	font-family: Georgia;
	font-size: 14px;
}

#container{
	width: 976px;
	height: 650px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/body.jpg);
	background-repeat: no-repeat;
}

#header{
	position:relative;
	height:201px;
    width: 976px;
	background-image: url(images/header.jpg)
}

#menu{
	float: left;
	width: 210px;
	padding-bottom: 0px;
	margin-top: -130px;
	}


#content{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	height: 392px;
	width: 976px;
}

#footer{
	clear: both;
	text-align: center;
	margin-top: 20px;
    color: #90ABD4;
}
#footer address{
	font-style: normal
	}
#footer p{
	margin: 0
	}
	
.button a {
margin-top: 129px;
display: block;
width: 210px;
height: 34px;
background: url(images/home.jpg) no-repeat top left;
}

.button a:hover {
	background-position: bottom left;
}

.button2 a {
display: block;
width: 210px;
height: 34px;
background: url(images/servizi.jpg) no-repeat top left;
}

.button2 a:hover {
	background-position: bottom left;
}

.button3 a {
display: block;
width: 210px;
height: 34px;
background: url(images/lavora.jpg) no-repeat top left;
}

.button3 a:hover {
	background-position: bottom left;
}

.button4 a {
display: block;
width: 210px;
height: 34px;
background: url(images/contatti.jpg) no-repeat top left;
}

.button4 a:hover {
	background-position: bottom left;
}

**fcaldera** · 20-09-2009, 14:24

dovresti specificare cosa significa per te "impaginato". Cosa c'è in quella pagina che non va?

**Blackeyes** · 20-09-2009, 16:52

sorry hai ragione tra la testata e il content c'e' uno spazio che non dovrebbe esserci dovrebbero essere attaccati

**Blackeyes** · 20-09-2009, 17:05

questo è l'header.php

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>TE@M Leader Group</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="stylesheet" type="text/css" href="print.css" media="print">

</head>

<body>

<div id="header">

</div>

<div id="container">

il menu.php

Codice PHP:


<div id="menu">

        <div class="button">[url="index.php"][/url]</div>

        <div class="button2">[url="index.php?page=servizi"][/url]</div>

        <div class="button3">[url="index.php?page=lavora"][/url]</div>

        <div class="button4">[url="index.php?page=contatti"][/url]</div>

     </div>

<div id="content">

e il footer.php

Codice PHP:


</div> 

<div id="footer">

<address>TE@M Leader Group </address>

</div> 

</div> 

</body>

</html>

**essezeta** · 20-09-2009, 17:09

quello spazio è colpa dell'H2
azzera i margini e prova a visualizzare...
ma se succede ciò vuol dire che ci sono degli altri errori di impostazione...

**Blackeyes** · 20-09-2009, 17:16

nello style non è definito l'h2... dove dovrei azzerare i margini?

**essezeta** · 20-09-2009, 17:17

appunto lo definisci e gli azzeri i margini...
perché di default i titoli ce li hanno...

ma tutti gli elementi hanno dei valori di default... ecco perché alcuni consigliano css reset

**Blackeyes** · 20-09-2009, 17:40

adesso sembra che vada bene ora cerco su google css reset

Discussione: impaginazione sito

Strumenti discussione

Ricerca discussione

Visualizza

impaginazione sito

Permessi di invio