Originariamente inviato da lattadibenzina
Ciao a tutti,
stò incominciando da poco a smanettare con i CSS e non riesco a capire come mai non mi si vede l'immagine di background DIV.title
http://www.opent.it/romacinema/test/
<html>
<head>
<title>Prova in 5min</title>
<style type="text/css">
<!--
#box {
position:absolute;
}
div.middle {
width: 239px;
background-image: url(middle.gif);
background-repeat: repeat-y;
}
div.title {
width: 207px;
float: left;
display: inline;
background-image: url(top-1.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.down {
float: left;
}
div.close {
float: right;
}
div.bottom {
background-image: url(bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding: 50px 30px 30px 15px;
}
span.title {
color: #979797;
font: bold 16px Tahoma;
}
span.abstract {
color: #979797;
font: bold 11px Tahoma;
}
p.text {
color: #7D7D7D;
font: 11px Tahoma;
}
img { border: 0px; }
-->
</style>
</head>
<body><script type="text/javascript" src="wz_dragdrop.js"></script>
<div id="box">
<div class="middle">
<div class="title">testo</div>
<div class="down">
[img]top-down.gif[/img]</div>
<div class="close">
[img]top-close.gif[/img]</div>
<div class="bottom">
<span class="title">Titolo di prova</span>
<span class="abstract">On line il nuovo sito bazar</span>
<p class="text">Potrebbe essere la chiave perfetta dell'integrazione fra i diversamente abili ed il pc. Se così sarà lo scopriremo solo fra qualche tempo. Per ora, FaceMouse fa sognare moltissime persone per le quali far muovere il puntatore sullo schermo è un'impresa impossibile. È la bella storia di Simone Soria, 24 anni, modenese, fresco laureato in Ingegneria -lo scorso 17 febbraio- con una tesi che illustra questo innovativo progetto destinato alla produzione in serie.</p>
</div>
</div>
</div>
</body>
</html>
Qualcuno mi sà aiutare??
Piuttosto il codice css è scritto bene o sarebbe possibile migliorarlo??
Greazie!!
Rispondi quotando
