Ho un problema con il CSS nel video potete vedere di cosa si tratta:
http://www.youtube.com/watch?v=PnroL5WQuQE
il div che è nascosto e compare è #sottomenu
espongo l'htm e il css
html:
<div id="esposizione">
<center>
<div id="primospace">
</div>
<div id="parteners">
<table style="float:left">
<tr>
<td class="stilefont1">Prodotto:</td>
<td>Penna a sfera</td>
<td class="stilefont1">Descrizione:</td>
<td>Queste penne a sfera hanno un meccanismo di fuoriuscita della punta tramite .... </td>
</tr>
<td class="stilefont1">Prezzo:</td>
<td>16.00€</td>
<td class="stilefont1">Produttore:</td>
<td>Bic</td>
<td class="stilefont1">Disponibile:</td>
<td style="color:green">SI</td>
[img]images\info.png[/img]</img>
</tr>
</table>
</div>
</center>
css:
#parteners{
width:85%;
min-width:85%;
background:white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:80%;
height:60px;
min-height:60px;
margin:4px;
margin-top:8px;
background: white;
}
#esposizione{
margin-left:200px;
width:1200px;
min-width:1200px;
height:650px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
background: #fac695; /* Old browsers */
background: -moz-linear-gradient(top, #fac695 0%, #f5ab66 47%, #ef8d31 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* IE10+ */
background: linear-gradient(to bottom, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* W3C */
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: -6px 11px 4px rgba(97, 111, 90, 0.85);
-moz-box-shadow: -6px 11px 4px rgba(97, 111, 90, 0.85);
box-shadow: -6px 11px 4px rgba(97, 111, 90, 0.85);
}
#sottomenu{
background-color:white;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom:4px solid black;
border-top:4px solid black;
border-right:4px solid black;
border-bottom:4px solid black;
border-right:4px solid black;
z-index:1;
width:500px;
}

XImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
Rispondi quotando