ho cercato di snellire il codice il più possibile
questo é il goglio di stile:
codice:
body {
font-family: Arial;
font-size: small;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: White;
text-align: justify;
background-color: #9b0000;
padding:7em 0 0 13em;
}
div#header, div#sidebar {
position:absolute;
left:0;
overflow:auto;
background-color: #9b0000;
}
#header {
top: 0;
z-index: 10;
width: 100%;
height: 35em;
background-color: #9b0000;
padding: 3px;
float: center
}
#sidebar {
top:7em;
bottom:0;
width:12em;
margin:0;
padding:1px;
background-color: #9b0000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFA500;
}
@media screen {
body>#header, body>#sidebar{position:fixed!important;}
}
a {
text-decoration: none;
color: #FFCC00;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.note {
font-size: 10px;
font-weight: bold;
color: #FFCC00;
vertical-align: text-top;
}
.livello {
display: none;
}
H1 {
font-family : Arial;
font-size : small;
font-style : normal;
font-weight : bold;
color : #FF9C00;
}
H2 {
font-family : Arial;
font-size : small;
font-style : italic;
color : #FFCE00;
}
H3 {
font-family : Arial;
font-size : large;
font-style : normal;
font-weight : bold;
color : White;
}
e01 {
font-weight:boldfont-family : Arial;
font-size : xx-small;
font-style : normal;
font-variant : normal;
color : #FF3100;
}
.e02 {
font-weight: bold;
font-size : x-small;
font-style : normal;
font-variant : normal;
color : #FFCE00;
}
.e03 {
font-weight:boldfont-family : Arial;
font-size : xx-small;
font-style : normal;
font-variant : normal;
color : #FF9900;
}
questo é il file al quale viene linkato
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="stili/foglio di stile screen.css" media="screen" type="text/css">
</head>
<body>
<div id="header">
<div align="center">[img]barra%20titolo/titolo.jpg[/img]</div>
</div>
<div id="sidebar"><a href="as%20roma/articoli%20as%20roma.htm" target="_self">as
roma</a>
articoli
dino viola
foto
storia del campionato
links
guestbook
</div>
</body>
</html>
risultato si vede la pagina del colore impostato la barra del titolo é al suo posto
i link nella sidbar non ci sonooooooooo!!!!
dove sbaglio?