ho il seguente css:
html,body{margin: 0;padding:0}
body{
font-family: arial,sans-serif;
font-size: 92%;
line-height : 20px;
}
div#container{
background: url(immagini/coloregiallo.jpg) repeat-y top left ;
}
/*stili generici, su header e footer*/
div#header{
background-color:#003379;
color: #FEDD02;
}
h1,h2{
margin: 0;
padding:0
}
h1{
padding-left:0.5em;
font: bold 2.3em/80px arial,serif;
text-align : center;
}
h2{
color: #999;
font-size: 1.5em;
}
div#footer a{
color: #fff;
font-weight: bold;
text-decoration: underline
}
/*stili specifici per il layout*/
div#navigation{
float:left;
width: 180px;
color:#00337A;
}
div#content{
margin-left:200px;
padding: 1em;
background-color: #fff;
background: url(immagini/coloregiallodestra.jpg) repeat-y top right;
}
div#footer{
clear:left;
text-align:center;
padding: 0.5em;
background-color: #003379;
color: #FEDD02;
}
/*stili per la navigazione*/
div#navigation ul{
margin: 1em 0 1em 1em;
padding: 0;
list-style-type: none;
}
div#navigation li{
margin: 0;
padding: 0
}
div#navigation a{
color:#00337A;
font: normal bold 1.2em/1.6em arial,sans-serif;
text-decoration: none;
}
div#navigation a:hover
{
color: #033;
text-decoration: underline;
}
div#navigation a#activelink{
color: #033;
text-decoration: none
}
.box{
padding-left:40px;
padding-top:60px;
width:500px;
/*background-color: Black;*/
}
.box img{
margin-top:-390px;
margin-right : 40px;
}
.box a img{
border: 2px solid white;
}
.boxdx{
position:absolute;
right:50px;
top:300px;
/*background-color: Black;*/
}
.boxdx img{
margin-top:0px;
margin-right :0px;
}
In locale funziona(con la stessa struttura della directory,quando pubblico il sito non mi vede le immagini
ripetute nel foglio di stile:
background: url(immagini/coloregiallodestra.jpg) repeat-y
e background: url(immagini/coloregiallo.jpg) repeat-y top left ;
perchè?
se avete tempo mi date anche consigli sul css(errori di concetto soprattutto)perchè sono nuovo di html.
grazie.
ops il sito è:http://giuseppe500.altervista.org/stagnini.html
Rispondi quotando
