strana spaziatura verticale tra immagine e lista dl

[gabar-el]

ciao, ho una piccola spaziatura non voluta che non riesco a decifrare da dove arrivi. qualcuno può darmi una mano a capire? non è nell'immagine soprastante, non è nella lista, non è in nulla di comprensibile e io mi ritrovo sto spazio che mi sbuca inaspettato. Forse mi sfugge qualcosa?
a questa pagina si può vedere che a sx tra l'immagine dell'arrotino e la lista c'è una piccola spaziatura. strano perchè a quest'altra pagina , che è priva dell'immagine non si vede nessuno spazio aggiuntivo. :master:
a questo indirizzo è visibile il css in questione.
grazie

[Mich_]

Ma perche` hai fatto il menu tramite una lista di definizione (usata anche in modo improprio)?
Il menu va realizzato mediante liste (non) ordinate, ed eventuali sottoliste (ad esempio nel tuo caso).

Prova comunque ad aggiungere al blocco
dd.prodotti a, ... {
height: 100%;
width: 100%

[gabar-el]

in quale contesto specifico andrebbero usate le liste di definizione? perchè ne avrei fatto un uso improprio?

avevo già provato come mi hai consigliato, ma il width al 100% mi fa sbordare a dx il bg-color, mentre l'height al 100% non ha nessun effetto.

grazie Mich_!

[Mich_]

L'errore sta nei termini.
Una lista di definizione deve contenere una serie di TERMINI <dt> ciascuno seguito da uno (o piu`) DEFINIZIONI <dd>.
Invece tu hai usato una lista di definizioni come se fosse una lista non ordinata.

Inoltre nel tuo menu si distingue un menu a due livelli, che in un browser visuale e` palese, e in effetti hai usato formattazioni diverse; ma cui non corrisponde una marcatura corrispondente.
La marcatura corretta sarebbe:

<ul>[*]prodotti
    <ul>[*]accessori[*]attrezzi speciali[*]applicazioni speciali[*]affilatrici stradatrici per nastri
      ...[/list]
  [*]depliant
    <ul>[*]BM400[*]AM/BM[*]ZX
      ...[/list]
  [/list]

Comunque tornando al problema specifico, a questo punto l'unico consiglio che ti posso dare e` di colorare in modo diverso lo sfondo di tutti i blocchi coinvolti, in modo da capire quale blocco genera quello spazio.

[gabar-el]

ok, grazie. ho provato a colorare, ma mi sa che c'è poco da colorare, quella spaziature è la stessa immagine di fondo che in background crea la colonna, per questo ero portato a pensare che arrivasse dalla lista....
ora provo a vedere se riesco a eliminarla convertendo la dl in ul
ciao

[gabar-el]

ora ricordo perchè sceglievo le dl, perchè se no impazzisco!!! nelle definite ci sono appunto definizioni già specifiche che non si sovrappongono (dl dd dt) mantre nelle ul ci sono li che all'interno di altri ul e li non fanno altro che incasinarmi. Al momento non riesco a capire perchè in stato hover i link non prendono in considerazione il colore che gli do....
html:

<ul>
				<li class="prodotti">prodotti
					<ul>
						<li class="sottolista">accessori
						<li class="sottolista">attrezzi speciali
						<li class="sottolista">applicazioni speciali
						<li class="sottolista">affilatrici stradatrici per nastri
						<li class="sottolista">affilatrici universali
						<li class="sottolista">affilatrici per lame circolari
						<li class="sottolista">rettificatrici piane
						<li class="sottolista">affilatrici per lame lineari
					[/list]
				
				<li class="prodotti">depliant
					<ul>
						<li class="sottolista">BM400
						<li class="sottolista">AM/BM
						<li class="sottolista">ZX
						<li class="sottolista">PX
						<li class="sottolista">MX
						<li class="sottolista">KS250
						<li class="sottolista">KX250
						<li class="sottolista">FX20/FX40
						<li class="sottolista">LA500
						<li class="sottolista">UTR
						<li class="sottolista">SX80
						<li class="sottolista">SZ75
						<li class="sottolista">SB - RD
						<li class="sottolista"><a href="" title="">UX420
UX220</a>
						<li class="sottolista"><a href="" title="">ATTR. TERSA
PIANO MAGN.</a>
					[/list]
				
			[/list]

css:

div#containLeft ul {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li.sottolista {
	margin: 0;
	padding: 0;
	font: 0.8em Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
}
li.prodotti {
	font-size: 1.2em;
	background-color: #3d515c;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
li.sottolista a,
li.sottolista a:link,
li.sottolista a:visited,
li.sottolista a:active {
	width: 205px;
	display: block;
	padding: 2px 0 2px 10px;
	text-decoration: none;
	color: #000;
	background-color: #b9cecf;
}
li.sottolista a:hover {
	color: #547071;
	background-color: #dae4e4;
}
li.prodotti a,
li.prodotti a:link,
li.prodotti a:visited,
li.prodotti a:active {
	width: 205px;
	display: block;
	padding: 2px 0 2px 10px;
	text-decoration: none;
	color: #000;
}
li.prodotti a:hover {
	color: #eeefde;
}

[gabar-el]

ok, giusto per non smentirmi mai con te, ci sono arrivato da solo (non arrabbiarti...) i li.prodotti comandavano su tutti in quanto anche i li.sottolista ne facevano parte (ereditavano). è bastato dirgli che i li.sottolista erano figli dei li.prodotti e tutto è andato a posto, così:

li.prodotti li.sottolista

grazie!


p.s.: rimane ancora però quella cavolo di spaziatura.....