Ho collegato una pagina con il seguente foglio di stile esterno:
funziona tutto tranne l'immagine di sfondo indicata nell'id Testata (qui sotto riportato in grassetto).
Ho adoperato lo stesso codice per un foglio di stile "interno" e lì ha funzionato.
Mi sto scervellando per capire come mai lo stesso codice funziona in un foglio di stile interno e non funziona in uno esterno.
Sottolineo che il foglio di stile esterno per tutto il resto del codice funziona (solo per l'immagine di sfondo dell'id Testata non funziona).
GRAZIE!
body {
color : #333;
background-color : white;
margin : 20px;
padding : 0;
font : 11px verdana, arial, helvetica, sans-serif;
}
h1 {
margin : 0 0 15px;
padding : 0;
font-size : 28px;
font-weight : 900;
color : #ccc;
}
h2 {
font : bold 12px/14px verdana, arial, helvetica, sans-serif;
margin : 0 0 5px;
padding : 0;
}
p {
font : 11px/20px verdana, arial, helvetica, sans-serif;
margin : 0 0 16px;
padding : 0;
}
a:link , a:visited {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
a:hover {
background-color : #eee;
}
#testata {
margin : 0;
padding : 0;
height : 70px;
background-color : #000099;
background-image : url('immagini/sfondo3.gif');
}
#contenuto {
width : auto;
margin : 20px 210px 20px 190px;
border : 1px solid silver;
background-color : white;
padding : 10px;
}
#menusin {
position : absolute;
width : 180px;
top : 110px;
left : 20px;
border : 1px dashed black;
background-color : #ccc;
padding : 10px;
z-index : 2;
voice-family : "\"}\"";
voice-family : inherit;
width : 180px;
}
body > #menusin {
width : 180px;
}
ul.menu1 {
list-style : none;
margin : 0;
text-align : left;
}
ul.menu1 li {
border-top : 1px solid #fff;
border-bottom : 1px solid #000;
line-height : 1.2em;
background : #ccc;
}
ul.menu1 li a {
display : block;
text-decoration : none;
border-right : 10px solid inherit;
padding-right : 10px;
font-weight : bold;
}
ul.menu1 li a:link , ul.menu1 li a:visited {
color : #333399;
}
ul.menu1 li a:hover , ul.menu1 li a:active {
border-color : red;
background : black;
color : white;
}
#menudes {
position : absolute;
width : 190px;
top : 110px;
right : 20px;
border : 1px dashed silver;
background-color : #eee;
padding : 10px;
z-index : 1;
voice-family : "\"}\"";
voice-family : inherit;
width : 168px;
}
body > #menudes {
width : 168px;
}
Rispondi quotando