ciao a tutti, premetto che è la prima volta che mi cimento sui css (ed anche con il resto non sono ferratissimo) quindi chiedo perdono anticipatamente per eventuali domande che a molti potranno sembrare ovvie.
da quello che mi è parso di capire tramite i css posso definire oltre che lo stile della pagina (font colori ecc) anche il layout tramite il tag div giusto?
ora aiutandomi anche con un programma ho fatto questo layout:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//IT" "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=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#Header {
position:absolute;
left:10px;
top:10px;
width:760px;
height:180px;
z-index:1;
padding: 0px;
}
#linea {
position:absolute;
left:10px;
top:190px;
width:760px;
height:16px;
z-index:2;
}
#left {
position:absolute;
left:10px;
top:299px;
width:150px;
height:25px;
z-index:3;
padding-left: 10px;
padding-top: 196px;
}
#right {
position:absolute;
left:611px;
top:206px;
width:150px;
height:314px;
z-index:4;
}
#logo {
position:absolute;
left:10px;
top:206px;
width:160px;
height:93px;
z-index:5;
}
#main {
position:absolute;
left:170px;
top:206px;
width:441px;
height:314px;
z-index:6;
}
#footer {
position:absolute;
left:10px;
top:520px;
width:770px;
height:93px;
z-index:7;
}
-->
</style>
</head>
<body>
<div id="Header"></div>
<div id="linea"></div>
<div id="left"></div>
<div id="right"></div>
<div id="logo"></div>
<div id="main"></div>
<div id="footer"></div>
</body>
</html>
la domanda è alquanto stupida... come uso questo foglio?
cioè come faccio a dire alla mia home che deve andare nel div main ed ai miei menu nel div left? in pratica... come devo strutturare la mia index.html? scusate ancora per la domanda stupidissima, ma leggendo la guida non ho capito un granchè.
Rispondi quotando
