Ciao a tutti devo creare una semplice pagina html per gestire gli appunti delle mie materie scolastiche; non posso usare form,frame e tabelle solo i div... questo è quanto ho fatto:
<html>
<head>
<title>Layout table-less con i CSS</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<div align="center">
<div id="MAIN">
<div id="HEADER">Gestione appunti</div>
<div id="MENU">
<ul>[*] Italiano [*] Storia [*] Inglese [*] Matematica [*] Informatica [*] Sistemi [*] Elettronica [*] Statistica [/list]
</div>
<div id="CONTENT">
CONTENUTO DELLA PAGINA...
</div>
<div id="FOOTER">
Fine
</div>
</div>
</div>
</body>
</html>
Il problema è che non so come fare apparire nella parte dove c'è "CONTENUTO DELLA PAGINA"
il contenuto del link Italiano se clicco su Italiano, Storia se clicco su Storia e cosi via... senza che però il menù a sinistra scompaia...insomma non riesco ad aprire il contenuto in quello spazio. Infine questo è quanto ho scritto nel foglio di stile:
body
{
background: #ffffff;
color: #000000;
margin: 10px 0px 10px 0px;
}
div
{
font-size: 11px;
font-family: verdana;
}
/* ----- ----- ----- ----- ----- */
#MAIN
{
text-align: left;
width: 748px;
border: solid 1px #000000;
}
#HEADER
{
border-bottom: solid 1px #000000;
}
#MENU
{
float: left;
width: 146px;
border-right: solid 1px #000000;
}
#CONTENT
{
float: left;
width: 600px;
}
#FOOTER
{
clear: left;
border-top: solid 1px #000000;
}
Spero possiate aiutarmi, grazie
Rispondi quotando
