Div e ASP

[Iron83]

Ciao ragazzi, ho un problemino con una div... Sto realizzando un sito internet e-commerce, ed ho bisogno che la <div class="prodotti"> venga visualizzata per tre volte nella home page in orizzontale. Attualmente se dico al db di prelevare solo gli utlimi 3 prodotti inseriti, la div si ripete per tre volte ma si allinea (logicamente) in verticale. Come posso farla triplicare in linea orizzontale?

HTML

<div class="col-destra">
<h2 class="categoria">Novità</h2>
<div class="prodotti">
<%
dim strCode
strCode="innovatel"
dim intVolta
intVolta="0"


Set Conn=Server.CreateObject("ADODB.Connection")
strConn="driver={Microsoft Access Driver (*.mdb)}; "
strConn=strConn & " DBQ=" & Server.MapPath("mdb/z21.mdb")
strConn=strConn & ";pwd=" & strCode
Conn.Open strConn



Set rs = Server.CreateObject("ADODB.Recordset")



sql= "SELECT TOP 3  *  FROM nuovi_prodotti"
Set rs = Server.CreateObject("ADODB.Recordset")
RS.Open sql, conn,adOpenKeyset


if rs.eof then
sw_eof="1"
end if

if sw_eof="1" then
%>


Nessun nuovo prodotto inserito</p>
<%
end if

do while not(rs.eof)
%>



<dl>
<dt class="titolo"><%=rs("nome")%></dt>
<dd class="immagine">[img]immagini/plasma.png[/img]</dd>
<dd class="descrizione">[url="/acquisti/carrello.asp?Id=<%=rs("]"><%=rs("descrizione")%>[/url]</dd>
<dd class="prezzo"><%=rs("prezzo")%></dd></td>
<dd class="pulsante">[url="/acquisti/carrello.asp?Id=<%=rs("]">[img]immagini/nav_button.png[/img][/url]</dd>
</dl>
<%
rs.movenext
loop
rs.Close
set rs = Nothing
conn.Close
set conn = Nothing
%>
</div>
</div> 

CSS

.col-destra {
float: right;
width: 785px;
height: auto;
border-left: 1px solid #cccccc;

font-family: Tahoma, "Trebuchet MS", sans-serif;
}

.prodotti{

margin-top: 20px;
margin-left: 10px;
width: 180px;
height: 244px;
background: url(immagini/sfondo_prod.png) repeat-y ;
} 

Grazie in anticipo e

[Federix]

Secondo me dovresti modificare così:

while not rs.eof
%>
<div class="prodotti">
<dl>
<dt class="titolo"><%=rs("nome")%></dt>
<dd class="immagine">[img]immagini/plasma.png[/img]</dd>
<dd class="descrizione">"><%=rs("descrizione")%></dd>
<dd class="prezzo"><%=rs("prezzo")%></dd></td>
<dd class="pulsante">">[img]immagini/nav_button.png[/img]</dd>
</dl>
</div>
<%
rs.movenext
wend

ed applicare allo stile .prodotti anche { float:left; }

[Iron83]

Intanto ti ringrazio per la risposta, il problema è che quando gli do il float: left la parte delle novità si sovrappone alla parte delle promozioni. (La prima parte non ha la programmazione)

HTML

<div class="col-destra">
<h2 class="categoria">Promozioni</h2>
<div class="prodotti">
<dl>
<dt class="titolo">Notebook Dell</dt>
<dd class="immagine">[img]immagini/portatile.png[/img]</dd>
<dd class="descrizione">[url="#"]Notebook Dell processore Intel Core Duo 2, hard disk 250GB[/url]</dd>
<dd class="prezzo">899€</dd>
<dd class="pulsante">[url="#"][img]immagini/nav_button.png[/img][/url]</dd>
</dl>
</div>
<h2 class="categoria">Novità</h2>
<%
dim strCode
strCode="innovatel"
dim intVolta
intVolta="0"


Set Conn=Server.CreateObject("ADODB.Connection")
strConn="driver={Microsoft Access Driver (*.mdb)}; "
strConn=strConn & " DBQ=" & Server.MapPath("/z21/mdb/z21.mdb")
strConn=strConn & ";pwd=" & strCode
Conn.Open strConn



Set rs = Server.CreateObject("ADODB.Recordset")



sql= "SELECT TOP 3  *  FROM nuovi_prodotti"
Set rs = Server.CreateObject("ADODB.Recordset")
RS.Open sql, conn,adOpenKeyset


if rs.eof then
sw_eof="1"
end if

if sw_eof="1" then
%>


Nessun nuovo prodotto inserito</p>
<%
end if
 while not rs.eof
%>

<div class="prodotti">
<dl>
<dt class="titolo"><%=rs("nome")%></dt>
<dd class="immagine">[img]immagini/plasma.png[/img]</dd>
<dd class="descrizione">[url="/acquisti/carrello.asp?Id=<%=rs("]"><%=rs("descrizione")%>[/url]</dd>
<dd class="prezzo"><%=rs("prezzo")%></dd></td>
<dd class="pulsante">[url="/acquisti/carrello.asp?Id=<%=rs("]">[img]immagini/nav_button.png[/img][/url]</dd>

</dl>

</div>
<%
rs.movenext
wend
rs.Close
set rs = Nothing
conn.Close
set conn = Nothing
%>

</div> 

CSS

.col-destra {
float: right;
width: 785px;
height: auto;
border-left: 1px solid #cccccc;
font-family: Tahoma, "Trebuchet MS", sans-serif;
}

.categoria {

height: 30px;
font-size: 13px;
padding-top: 6px;
padding-left: 6px;
margin-bottom: -10px;
color: #FFFFFF;
background: url(immagini/colsx_h1.jpg) repeat-x;
}

.titolo {
padding-top: 4px;
padding-left: 6px;
font-size: 13px;
color: #FFFFFF;
height: 20px;
background: url(immagini/colsx_h1.jpg) repeat-x top;
}

.prodotti{
margin-top: 20px;
margin-left: 10px;
width: 180px;
height: 244px;
background: url(immagini/sfondo_prod.png) repeat-y ;
}

.immagine{

margin-top: 6px;
margin-left: 45px;
width: 90px;
height: 90px;
}
.descrizione{

width: 90%;
font-size: 11px;
margin-top: 3px;
margin-left: 20px;

}

.prezzo{

margin-top: 3px;
margin-left: 20px;
font-size: 16px;
color: #006699;
}

.pulsante{
padding-top: 20px;
padding-left: 20px;
} 

[Tux7000]

Prova a fare così:

<%
end if
while not rs.eof
%>

<div class="prodotti">
<dl>
<dt class="titolo"><%=rs("nome")%></dt>
<dd class="immagine">[img]immagini/plasma.png[/img]</dd>
<dd class="descrizione">"><%=rs("descrizione")%></dd>
<dd class="prezzo"><%=rs("prezzo")%></dd></td>
<dd class="pulsante">">[img]immagini/nav_button.png[/img]</dd>

</dl>

</div>
<%
rs.movenext
wend
rs.Close
set rs = Nothing
conn.Close
set conn = Nothing
%>
<br class="clear" />

E nel CSS:
.clear
{ clear: both; }

[Iron83]

Grazie ragazzi, problema risolto! ultima scocciatura.. Ogni volta è sempre una palla far andar d'accordo la grafica per tutti i browser. Sia in IE 7 e Firefox visualizzo le div affiancate, ma c'è un problemino, la barra blu del titolo.

IE (visualizzazione perfetta):




Firefox: