ho il seguente foglio di stile:
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;
height:100%;
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 1em/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;
}
e il seguente html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Stagnini Recinzioni In Ferro</title>
<style type="text/css">
@import url("stagnini.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
</head>
<body>
<div id="container">
<div id="header">
[img]immagini/logoScrBianca.gif[/img]
<h1> RECINZIONI IN FERRO</h1>
</div>
<div id="navigation">
<ul>
<li class="new">Home
<li class="new">Azienda
<li class="new">Prodotti
<ul>
<li class="new">Rossini
<li class="new">Vivaldi
<li class="new">Puccini
<li class="new">Verdi
<li class="new">Paganini
<li class="new">Mozart
<li class="new">Wagner
<li class="new">Mascagni
<li class="new">Ravel
<li class="new">Strauss
<li class="new">Salieri
<li class="new">Cancelli
<li class="new">Cancelli Pesonalizzati
[/list]
<li class="new">INFO[/list]
</div>
<div id="content">
<div class="box">
La linea di recinzioni in ferro STAGNINI
rappresenta una scelta sicura e variata per
quanti ricercano un prodotto di facile mon-
taggio esente da problemi di manutenzione.
Gli elementi verticali che costituiscono ogni
pannello modulare,sono inseriti meccanicamen-
te su quelli orizzontali,garantendo alta sicurezza
ed elevata resistenza agli urti.
Tutti i modelli di recinzioni presentati sono realizza-
ti con ferro zincato a caldo, per garantire la durata
nel tempo.
E' possibile avere tutti i modelli di recinzioni e can-
celli verniciati con polveri poliestere e in una vasta
gamma di colori.Lo speciale trattamento a forno
assicura una elevata resistenza agli agenti atmosfe-
rici e un ottimo effetto estetico.</p>
[img]immagini/logoScrittaBluGirato2.gif[/img]
</div>
<div class="boxdx">
[img]immagini/fotohome.gif[/img]
</div>
</div>
<div id="footer">
Via brodolini, 1 42040 Campegine (RE) Tel. 0522 677579 Fax 0522 676677</p>
</div>
</div>
</body>
</html>
nel foglio di stile ci sono 2 immagini;sono 2 bande di altezza 10 px ripetute nell' asse y,in modo da creare un effetto banda sul sito.
Problema:come faccio a fare arrivare la banda dx(background: url(immagini/coloregiallodestra.jpg) repeat-y top right;
)fino al footer?
grazie mille.
Rispondi quotando
- ma credo che un post come quello di apertura sia di difficile comprensione.
).
er il menu (che deve apparire giallo)ho creato un immagine chiamata coloregiallo(striscia gialla di altezza 10px e di larghezza uguale a quella del menu)e l'ho ripetuta nel container in questo modo:
