dd affiancati

[naddy9999]

Ciao a tutti
ho un problemino
ho fatto una lista con dl-dt-dd in questa pagina
http://www.nadiaabate.com/test/doris/clienti.html

l'elenco dl è uno sotto l'altro nonostante l'impostazione float left.
li vorrei affiancati...qualcuno sa dirmi come si fa?
Grazie a tutti
pleaseeeeeeeeeeeeeeeee


allego html e css
HTML

<div id="griglia_clienti">
<dl>
<dt>[img]images/ferrero.gif[/img]
<dd>Produttore di cioccolato</dd>
</dt>

<dt>[img]images/lavazza.gif[/img]
<dd>Produttore di caffè</dd>
</dt>

<dt>[img]images/mapei.gif[/img]
<dd>Distributore di caffè</dd>
</dt>

<dt class="final">[img]images/sanpellegrino.gif[/img]
<dd>Imbottigliatore di acqua</dd>
</dt>
</dl>
</div>


CSS

#griglia_clienti {
width: 410px;
position:relative;
left: 320px;
margin-top: 20px;
}

#griglia_clienti dl{
width: 410px;
float: left;
font-size: 11px;
text-align: left;
}

#griglia_clienti dl dt {
width: 100px;
height:114px;
float: left;
border-right-width: 2px;
border-right-style: dotted;
border-right-color: #775025;
}

#griglia_clienti dl dt.final {
border: none;
width: 100px;
float: left;
}

#griglia_clienti dd {
border: none;
ont-size: 11px;
text-align: justify;
}


Dovrebbe essere
logo con sotto definizione e a lato altro logo con sotto definizione

[Mich_]

La marcatura non e` corretta.
Nel tuo caso devi usare:

<div id="griglia_clienti">
  <dl>
    <dt>[img]images/ferrero.gif[/img]</dt>
    <dd>Produttore di cioccolato</dd>
  </dl>

  <dl>
    <dt>[img]images/lavazza.gif[/img]</dt>
    <dd>Produttore di caffè</dd>
  </dl>
  ...
</div>

Poi ai vari <dl> devi dare il float e una larghezza.
Ai <dd> devi poi dare width: 100% (o qualcosa di simile)

[naddy9999]

Grazie dei consigli
ho fatto così
HTML
<div id="griglia_clienti">
<dl>
<dt>[img]images/ferrero.gif[/img]</dt>
<dd>Produttore di cioccolato</dd>
</dl>
<dt>[img]images/lavazza.gif[/img]</dt>
<dd>Produttore di caffè</dd>
</dl>
<dt>[img]images/mapei.gif[/img]</dt>
<dd>Distributore di caffè</dd>
</dl>
<dt class="final">[img]images/sanpellegrino.gif[/img]</dt>
<dd>Imbottigliatore di acqua</dd>
</dl>

</div>

CSS
#griglia_clienti {
width: 410px;
position:relative;
left: 320px;
margin-top: 20px;
}

#griglia_clienti dl{
width: 500px;
float: left;
font-size: 11px;
text-align: left;
}

#griglia_clienti dl dt {
width: 100px;
height:114px;
float: left;
border-right-width: 2px;
border-right-style: dotted;
border-right-color: #775025;
}

#griglia_clienti dl dt.final {
border: none;
width: 100px;
float: left;
}

#griglia_clienti dd {
border: none;
ont-size: 11px;
text-align: justify;
width: 100%;
}
ma continua a non funzionare
www.nadiaabate.com/test/doris/clienti.html

[Mich_]

Certo che non funziona!!

Anzitutto hai usato una marcatura assurda (tag chiusi e non aperti), inoltre hai usato misure che non ci stanno: non puoi mettere un blocco largo dentro uno piccolo e pretendere che il browser capisca.

Prima di postare nuovamente passa il codice dai validatori e correggi eventuali errori, altrimenti non mi ci metto neppure a rispondere:
validatore HTML
validatore CSS