Salve ragazzi sonoalle prime armi con pagine web con i css ma perchè non mi interpreta bene le istruzioni in css, interpreta solo il body ?
ecco la pagina index.html con il codice:
codice nella pagina html
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
"http://www.w3.org/TR/DTD/xhtml1-strict.dtd">
<HTML>
<HEAD>
<TITLE>La mia pagina</TITLE>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
"http://www.w3.org/TR/DTD/xhtml1-strict.dtd">
<style type="text/css">
body {
margin-top:0px;
margin-bottom:0px;
background:url(http://www.sastgroup.com/images/sfondo.png) 0% 0% repeat;
font-family:verdana,arial,sans-serif;
font-size:10px;
}
#tutto{
border-color : #000000;
border-style : solid;
border-top : 0 none inherit;
border-bottom : 0 none inherit;
margin-left : 10%;
width : 82.5%;
border-width : 1px;
background-color:#ffffff;
}
#logo {
margin-left : 0px;
width : 100%;
height : 100px;
background-color:#3874BB;
border-width : 1px;
border-color : #000000;
border-style : solid;
}
#logo h1 {
margin-top : 46px;
font-size : 20px;
color : white;
text-align:center;
}
#logo h2 {
font-size : 12px;
color : white;
text-align:center;
}
#nav {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
font-size: 82%;
border-top: 1px solid #A2BD43;
border-bottom: 3px solid #355A10;
background: #538620;
font-family:verdana;
}
#nav li {
float: left;
margin: 0;
padding: 0 1px 0 0;
list-style: none;
}
#nav a {
float: left;
padding: 7px 13px;
text-decoration: none;
color: #fff;
}
#nav a:hover, #nav a.active {
color: #fff;
background: #538620;
}
#nav a.active {
font-weight: bold;
background: #538620;
}
#sinistra {
margin-left : 2%;
width : 64%;
float : left;
}
#sinistra .titolo{
font-family: “Trebuchet MS”, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: red;
padding: 5px;
}
#sinistra .data{
font-family: “Trebuchet MS”, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
background-color: #F3F3F3;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
width:97%;
padding: 5px;
}
#sinistra .info {
padding: 5px;
color : #000000;
font-family : arial, courier,sans-serif;
font-size : 11px;
}
#sinistra .descrizione {
color : #000000;
font-family : arial, courier,sans-serif;
font-size : 12px;
}
centrale {
background-color:#ffffff;
margin-left : 30%;
width : 100%;
padding : 10px;
}
.intestazione{
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
ADDING-BOTTOM: 5px;
PADDING-TOP: 5px;
BACKGROUND-COLOR: orange;
text-align:right;
color:white;
height:25px;
font-size : 15px;
}
#fine {
font-size : 12px;
color : #000000;
margin-left : 10%;
text-align:center;
background-color:#ffffff;
width : 82.5%;
border-color : #000000;
border-style : solid;
border-top : 0 none inherit;
border-bottom : 0 none inherit;
border-width : 1px;
padding-top : 20px;
}
</style>
</HEAD>
<BODY>
<div id=”tutto”>
<!– logo –>
<div id=”logo”><h1>Sast1blog</h1> <h2>di Sandro Stracuzzi</h2>
</div>
<!– menu alto –>
<div id=”nav”>
<ul >[*]<a href=”index.php”>prodotti[*]<a href=”index.php”>articoli</a>[/list]
</div>
<!– menu sx –>
<div id=”sinistra”>
<div class=”articoli”>
<div class=”data”>12-23-4567</div>
<div class=”titolo”>Dhtml Aggiornare una pagina web ogni tot secondi</div>
<div class=”immagine”><img src=”http://www.sastgroup.com/images/cat5.gif” alt=”immagine cat 5? border=”0?></div>
<div class=”descrizione”>
In questo articolo tratteremo come aggiornare una pagina web ogni tot secondi.
Occorre aggiungere questo semplice codice hml alla pagina …
</div>
<div class=”data”>12-23-4567</div>
<div class=”titolo”>Dhtml Aggiornare una pagina web ogni tot secondi</div>
<div class=”immagine”><img src=”http://www.sastgroup.com/images/cat5.gif” alt=”immagine cat 5? border=”0?></div>
<div class=”descrizione”>
In questo articolo tratteremo come aggiornare una pagina web ogni tot secondi.
Occorre aggiungere questo semplice codice hml alla pagina …
</div>
<div class=info>sandro aa</div>
</div><!– fine articoli –>
</div><!– fine sx –>
<!– centrale –>
<div id=”centrale”>
<div class=”intestazione”>Ricerca</div>
<form>
<input type=”text” class=”testo” name=”word”>
<input type=”submit” class=”bottone” value=”ok”>
</form>
<div class=”intestazione”>Calendario</div>
xxxx
<div class=”intestazione”>Articoli</div>
xxxx
<div class=”intestazione”>Vecchi</div>
xxx
</div> <!– fine centrale –>
</div>
<div id=”fine”>Sast1blog vs.3 di Sandro Stracuzzi
<img src=”http://www.sastgroup.com/images/vcss.gif” alt=”valid css” border=”0?>
</div>
</div> <!– fine tutto –>
</BODY>
</HTML>
Rispondi quotando
