Salve,
sto cercando di realizzare un menų dinamico verticale ad albero (unendo diversi esempi) tramite javascript e css... solo che la lista delle voci invece di realizzarla con del testo la voglio fare con dei bottoni immagine, funziona tutto ma c'č un problema... c'č una spaziatura tra un'immagine e l'altra!
Non riesco a toglierla! Come posso fare?
Questo č il codice:

-----------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>prova menu dinamico</title>
<style type="text/css">

<!--
ul {
list-style: url(none) none;
margin:0;
padding:0 0 0 0;
border-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;
word-spacing: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
li.menu {
list-style: url(none) none;
border: 0px;
margin:0;
padding:0 0 0 0;
border-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;
word-spacing: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function mmenu(mID) {
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
}

window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls[i].className=="sottomenu")uls[i].style.display = "none";
}
}
//-->
</script>
</head>
<body>
<ul>
<li class="menu">[img]images.jpg[/img]
<ul class="sottomenu" id="sottomenu-1">[*][img]images.jpg[/img][*][img]images.jpg[/img][/list]

<li class="menu">[img]images.jpg[/img]
<ul class="sottomenu" id="sottomenu-2">[*][img]images.jpg[/img][*][img]images.jpg[/img][/list]

<li class="menu">[img]images.jpg[/img]
<ul class="sottomenu" id="sottomenu-3">[*][img]images.jpg[/img][*][img]images.jpg[/img][/list]
[/list]
</body>
</html>
-----------------------------------------------------------------------------


Ciao e grazie
Fabio