Ciao a tutti,
finora ho sempre creato dei siti utilizzando la funzione "frame", ma ora volendo rifare il mio, ho così deciso di utilizzare i DIV....solo che mi sono trovato di fronte a un problema, che sarebbe quello di linkare le pagine al menù senza per forza ogni volta fare il refresh di tutta la pagina.
In poche parole:
ho tre DIV logo, menu e contenitore, dove dovrà cambiare solo la pagina nel contenitore senza che logo e menu vengano caricati di volta in volta.
Come posso risolvere questo problema. Grazie mille a chi avrà la gentilezza di rispondermi.
Di seguito pubblico il codice html e del foglio css che ne determina i DIV.
Codice HTML.
<!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=UTF-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<!--APRO WRAPPER-->
<div class="wrapper">
<!--APRO LOGO-->
<div class="logo">
LOGO
</div>
<!--CHIUDO LOGO-->
<!--APRO MENU-->
<div class="menu">
<a href="index.html">HOMEPAGE</a>
-
<a href="chi.html">CHI SIAMO</a>
-
<a href="cosa.html">COSA FACCIAMO</a>
-
<a href="contatti.html">CONTATTI</a>
</div>
<!--CHIUDO MENU-->
<!--APRO CONTENITORE-->
<div class="contenitore">
CONTENITORE
</div>
<!--CHIUDO CONTENITORE-->
<!-- CHIUDO WRAPPER-->
</div>
</body>
</html>
Codice CSS
@charset "UTF-8";
/* CSS Document */
body {}
img {}
a {}
a:hover {}
h1 {}
h2 {}
h3{}
/*CLASSI CHE DEFINISCONO IL MIO SITO*/
.wrapper {
background-color:#E5E5E5;
width:100%;
max-width:960px;
min-height:300px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
}
.logo {
background-color:#EEE;
width:100%;
min-height:90px;
margin-bottom:10px;
}
.menu {
background-color:#DADADA;
width:100%;
min-height:40px;
margin-bottom:10px;
}
.contenitore {
background-color:#666;
width:100%;
min-height:400px;
}