Newsgroup: it.lavoro.professioni.webmaster
Titolo: link con div annidati

http://www.dmotion.it/exocrate/test.htm
Vorrei ottenere quello che vedete nel link ma in modo che venga validato.
In pratica ho un div dentro il quale ci sono 2 div e vorrei che il link illumini tutti e due i div
interni al contenitore
<div class="dx_iscritti">
  <a href="#" class="link_ultimi">
    <div class="lista">Nome</div>
    <div>Cognome</div>
  </a>
</div>
Ho messo un "href" dove NON consentito anche i browser lo visualizzono correttamente.
il CSS è questo
<style type="text/css">
.dx_iscritti {
	width: 200px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.lista {
	width: 94px;
	float: left;
}
.link_ultimi {
	text-decoration: none;
	display: block;
	color: #000000;
}
.link_ultimi:hover  {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-width: 1px;
	border-top-style: dashed;
}
</style>
Grazie mille
Stefano

 correttamente.
Scusa ma non capisco il senso della domanda visto che ti sei risposto da 
solo: leva i div e usa due elementi inline come <span> per esempio.

 solo: leva i div e usa due elementi inline come <span> per esempio.
Se metto lo span non mi viene riconosciuta la larghezza del contenitore "nome" e "cognome" in
pratica avrei nome e cognome uno accanto all'altro ma a me servirebbero si uno accanto all'altro ma
separati da una distanza prefissata con un TAB per intenderci o come in 2 celle separate.
Ho modificato la pagina online per chiarire meglio il concetto.
http://www.dmotion.it/exocrate/test.htm
Spero di essermi spiegato
Grazie comunque per la risposta.

Usi lo span al quale assegni un class con
display: block;
width: 200px;
float: left;
Onon ho provato ma ad occhio dovrebbe funzionare mantenendoti la pagina
valida.
Ciao
-- 
Nadia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
non rompere le scatole, aprile!
www.maipiusenza.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 float: left;
il display block non serve (anzi crea problemi) anche perchè si trova nel DIV padre che contiene gli
altri 2 DIV. Non capisco comunque perchè adesso mi funziona lasciando lo stesso stile del div mentre
prima di scrivere il messaggio avevo provato e non mi rispettava la distanza tra nome e cognome.
Comunque funziona correttamente.
Ciao Stefano

Con i div all'interno dell'ancora il validator del w3c ti darà sempre 
errore.
Come ti diceva nadia devi usare span.
Eccoti il tuo codice modificato:
css
.dx_iscritti {
	width: 200px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.lista {
   display: block;
	width: 94px;
	float: left;
}
.link_ultimi {
	text-decoration: none;
	display: block;
	color: #000000;
}
.link_ultimi:hover  {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-width: 1px;
	border-top-style: dashed;
}
xhtml
   <div class="dx_iscritti"><a href="#" class="link_ultimi">
     <span class="lista">Pippo</span>
     <span>Franco</span></a>
   </div>
   <div class="dx_iscritti"><a href="#" class="link_ultimi">
     <span class="lista">Giovannino</span>
     <span>Mastrocchio</span></a>
   </div>
   <div class="dx_iscritti"><a href="#" class="link_ultimi">
     <span class="lista">Alberto</span>
     <span>Cucchino</span></a>
   </div>
-- 
www.netbitstudio.it
creazione e realizzazione di siti internet,
cd/dvd multimediali e grafica.