Newsgroup: it.comp.lang.javascript
Titolo: jquery css e google maps

Se che sono un po out ma chiedo scusa per questo codice che mi fa impazzire:
Qualcuno mi potrebba aiutare a capire come mai fra
<ul id="ContenitorePulsantiTAB">
  <li class="C1"><a href="#">Pag 1</a></li>
  <li class="C2"><a href="#">Pag 2</a></li>
  <li class="C3"><a href="#">X</a></li>
  </ul>
e
<div id="ContenitoreTestoTab1Tab2">
si crea uno spazio di circa 10 pixel che non c'è verso di eliminare?
I 2 div dovrebbero essere in copntinuazione verticale uno dopo l'altro!
 
Ecco il codice completo e funzionante:
 
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Custom InfoWindow</title>
<style type="text/css">
#ContenitoreDellaMappa{
width:800px;
height:600px;
top:200px;
}
 
#ContenitoreInfowindows{width: 300px;}/* altezza di tutto il contenuto */
 
#ContenitoreTestoTab1Tab2{/* altezza contenitore generale */
height: 350px;
overflow: hidden;
}
 
#ContenitorePulsantiTAB{
background: #000000; /*padding-top: 5px;*/
color: #FFFFFF;
}
 
#ContenitorePulsantiTAB li{display: inline;}
 
.C2,.C3{padding-left:80px;}
 
#ContenitorePulsantiTAB a{
color: #0066FF;
}
 
#ContenitorePulsantiTAB a:hover{
color: #00CCFF;
}
 
#ContenitorePulsantiTAB a:active{
font-weight:bold;
}
 
/* contenitori dei 2 divi cha si alternano nella visualizzazione*/
.TestoTab1,.TestoTab2{
background: #CC0000;
height: 390px;
}
.TestoTab1{z-index:1;}
.TestoTab2{z-index:2;}
 
 
 
</style>
 
<script src="
http://code.jquery.com/jquery-1.4.4.js
"></script>
 
<script type="text/javascript" 
src="
http://maps.google.com/maps/api/js?sensor=false
"></script>
<script type="text/javascript">
 
 var latlng = new google.maps.LatLng(43.74487555688331, 11.06690743623051); 
// centro della mappa
 var Marker55555latlng = new google.maps.LatLng(43.74487555688331, 
11.06690743623051); // posizione del marker2
var marker55555;
 
var initialize = function() {
 
 var options = {
  zoom: 16,
    center: latlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
   };
 
 
 var map = new 
google.maps.Map(document.getElementById('ContenitoreDellaMappa'), options);
 
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
 marker55555 = new google.maps.Marker(
    {
   position: Marker55555latlng,
     map: map,
     icon: '
http://google-maps-icons.googlecode.com/files/country.png
',
   title: '55555',
     flat: true
    }
   );
 
 
 
 
   var tooltip55555 = '<div id="ContenitoreInfowindows">'+
  '<ul id="ContenitorePulsantiTAB">'+
  '<li class="C1"><a href="#">Pag 1</a></li>'+
  '<li class="C2"><a href="#">Pag 2</a></li>'+
  '<li class="C3"><a href="#">X</a></li>'+
  '</ul>'+
 
  '<div id="ContenitoreTestoTab1Tab2">'+
 
  '<div class="TestoTab1">'+
  '<a name="c1" id="c1"></a><h1>Heading 1</h1><p>Here is some content, I 
hope that you like it!</p>'+
  '</div>'+
 
  '<div class="TestoTab2">'+
  '<a name="c2" id="c2"></a><h2>Heading 2</h2><p>Now that you have read 
content block 1, you can learn more in this block</p>'+
  '</div>'+
 
  '</div>'+
  '</div>';
 
 
 
 
 
 var infowindow2 = new google.maps.InfoWindow({
    content: tooltip55555,
  maxWidth: 300,
  maxHeight: 400
 
   });
   google.maps.event.addListener(marker55555, 'click', function() {
 
   });
 infowindow2.open(map,marker55555);
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
}
 
 
window.onload = initialize;
</script>
 
 
 
<script>
$('.C1').live('click', function() {
$('.TestoTab2').css('display', 'none');
$('.TestoTab1').css('display', 'block');
})
 
$('.C2').live('click', function() {
$('.TestoTab1').css('display', 'none');
$('.TestoTab2').css('display', 'block');
})
 
$('.C3').live('click', function() {
if(marker55555){marker55555.setMap(null);}
})
 
</script>
 
</head>
<body>
 
 
 
<div id="ContenitoreDellaMappa"></div>
</body>
</html>
 
Grazie a chi potrà darmi una mano nel capire
Leonardo
 
 
 
 
 

 Leonardo
 
Hope it helps