Problema link e css

[michela85cancro]

Ho definito le caratteristiche di alcuni tag div nel css. All'interno di questi div ho inserito alcune immagini linkate. Il problema è che tali link non funzionano. Se li tolgo dai div, invece, il collegamento è presente.

Nel CSS ho:

div#contenuto{
padding:50px;
width:100%;
clear:both;
border: 1px solid red;
}

div#col_left{
width:23.95%;
height:100%;
float:left;
border: 1px solid pink;
}

div#box{
padding-top:6.5px;
padding-bottom: 6.5px;
padding-left:4.5px;
padding-right:4.5px;
background: black;
width:175px;
float:left;
border: 1px solid yellow;
}

div#separatore{
margin-top:22px;
margin-bottom:20px;
float:left;
border: 1px solid lightblue;
}


In HTML ho:

<div id='contenuto'>

  <div id='col_left'>
    [img]../imma/area_link_ITA.jpg[/img]
    <div id="box">
      <table width=175px bgcolor=black>
        <tr><td cellpadding=1.5 align=center>[url='italia.htm'][img]../imma/ITALIA_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='gbretagna.htm'][img]../imma/GRAN_BRETAGNA_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='spagna.htm'][img]../imma/SPAGNA_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='germania.htm'][img]../imma/GERMANIA_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='francia.htm'][img]../imma/FRANCIA_BANDIERA.gif[/img][/url]</td></tr>
        <tr><td cellpadding=1.5 align=center>[url='russia.htm'][img]../imma/RUSSIA_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='portogallo.htm'][img]../imma/PORTOGALLO_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='arabia.htm'][img]../imma/ARABIA_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='giappone.htm'][img]../imma/GIAPPONE_BANDIERA.gif[/img][/url]</td>
            <td cellpadding=1.5 align=center>[url='cina.htm'][img]../imma/CINA_BANDIERA.gif[/img][/url]</td></tr>
      </table>
    </div>
    <div id="separatore">
      [img]../imma/separatore.jpg[/img]
    </div>
    [img]../imma/banner_intero.jpg[/img]
    <div id="separatore">
      [img]../imma/separatore.jpg[/img]
    </div>
    [img]../imma/area_non_cliccabile.jpg[/img]
    [url='moduli/PayPal.htm'][img]../imma/area_link_PayPal.jpg[/img][/url]
    [url='moduli/PayPal.htm'][img]../imma/area_link_PostePay.jpg[/img][/url]
  </div>
</div> 

Che errore commetto? ho allegato anche una immagine per capire i "bordi" dei div
Grazie
Michela

[ricman]

I link dovrebbero andare andare ugualmente, anche se il codice è quello che è...
Eventualmente prova ad assegnare ai link il display:block e a dargli una misura in px... così vedi se era un problema di misure o float

[michela85cancro]

Grazie ho corretto con entrambi i tuoi suggerimenti.
Scusa, ma perchè

anche se il codice è quello che è...

?

[ricman]

Originariamente inviato da michela85cancro
Grazie ho corretto con entrambi i tuoi suggerimenti.
Scusa, ma perchè
?

...perchè non volevo essere volgare
Il codice è usato male e scritto male... Ti suggerisco di dare una letturina veloce alle tre guide base di questo sito...

http://basic.html.it/
http://xhtml.html.it/
http://css.html.it/

[michela85cancro]

Mi puoi per favore fare un esempio di cattivo utilizzo? E' poco che lavoro con i css.