Ciao a tutt@.
Vi scrivo per una questione credo semplice...ma mi so approcciando ora ai CSS e al loro utilizzo...quindi mi tocca chiedere aiuto perchè dai vari post non mi sembra di aver trovato nulla che mi possa aiutare..e sicuramente è dovuto alla mia ignoranza.
devo creare un sito molto semplice in allegato sito.jpg
vorrei che il testo delle varie pagine (chi siamo, iniziative, spettacoli ecc ecc) si apra all'interno del DIV testo...si può fare? come?
Inoltre vorrei questo: nel disegno che ho allegato la parte bianca è lo schermo...il sito è più piccolo dello schermo, ma vorrei che si adattasse alla risoluzione dello schermo...posso fare anche questo?
Vi incollo il CSS e il file HTML....ho sbagliato qualcosa? Tutti i disegni che vedete saranno dei link.
Grazie...ciao...antonio
CSS:
body {
text-align: center;
font-size: 80%;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
hr {
display: none;
} /*le linee sono invisibili e lo sono*/
#esterno {
display: block;
width: 760px;
height: 600px;
position: absolute;
background: #FFFFFF;
top: 5%;
left: 12%;
}
#header {
width: 760px;
height: 100px;
top: 0px;
left: 0px;
}
#menu {
width: 220px;
height: 450px;
position: absolute;
top: 100px;
left: 0px;
}
#logo {
width: 220px;
height: 287px;
position: absolute;
top: 0px;
left: 0px;
}
#home {
width: 110px;
height: 54px;
position: absolute;
top: 290px;
left: 0px;
}
#chisiamo {
width: 110px;
height: 54px;
position: absolute;
top: 290px;
left: 110px;
}
#progetti {
width: 110px;
height: 54px;
position: absolute;
top: 350px;
left: 0px;
}
#appuntamenti {
width: 110px;
height: 54px;
position: absolute;
top: 350px;
left: 110px;
}
#newselink {
width: 110px;
height: 54px;
position: absolute;
top: 405px;
left: 0px;
}
#contatti {
width: 110px;
height: 54px;
position: absolute;
top: 405px;
left: 110px;
}
#testo {
display: block;
width: 540px;
height: 450px;
position: absolute;
top: 100px;
left: 220px;
}
#footer {
height: 25px;
width: 760px;
position: absolute;
top: 600px;
left: 0px;
}
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>PRECARIART - precari che hanno scelto la via artistica</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="esterno">
<div id="header">[img]immagini/header.gif[/img] </div>
<hr />
<div id="menu">
<div id="logo"> [img]immagini/logo.gif[/img] </div>
<div id="home"> [img]immagini/pallarossa.gif[/img] </div>
<div id="chisiamo"> [img]immagini/coronaverde.gif[/img] </div>
<div id="progetti"> [img]immagini/birilloblu.gif[/img] </div>
<div id="appuntamenti"> [img]immagini/pallagialla.gif[/img] </div>
<div id="newselink"> [img]immagini/birilloverde.gif[/img] </div>
<div id="contatti"> [img]immagini/corona.gif[/img] </div>
</div>
<hr />
<div id="testo">
</p>
</p>
</p>
</p>
</p>
Sito in fase di aggiornamento </p>
</div>
<hr />
<div id="footer">Sito realizzato da ....... </div>
</div>
</body>
</html>
