[Googlemaps] Opmaak infowindow

[Paxlie]

Ik ben op dit moment bezig met googlemaps en alles werkt zeer voorspoedig.
Tevens krijg ik een infowindow geopend maar ik krijg hierin geen stijleigenschappen.
Deze zijn in een .css bestand opgeslagen met daarin meerdere waardes:

code:

#infobox {
   height: 400px;
   width: 316px;
}
#infobox h2 { display: inline; }
#infobox div p {
   font-size: 10px;
   margin: 0 15px 0 0;
   width: 165px;
}
#infobox div img { float: left; margin: 5px 0 0 0; }
#infobox a { font-size: 10px; }

In de code roep ik dan vervolgens de marker aan met behulp van een stukje code en hierin een stuk html wat ik meegaf om te tonen in de infowindow, de html:

code:

                        var html = "<div class=\"infobox\"><h2 class=\"star3\">Golden Tulip Westduin</h2><div><p>Koudekerke<br><strong>v.a. € 88,- p.n.</strong>";
                        html = html + "<br>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor.<br>";
                        html = html + "<a href=\"#\" title=\"Lees meer\">Lees meer »</a></p>";
                        html = html + "<img src=\"${imageDir}ph_hotel_small.jpg\" alt=\"Golden Tulip Westduin\" height=\"96\" width=\"128\">";
                        html = html + "</div><a href=\"#\" title=\"23 recensies\">23 recensies</a>&nbsp;&nbsp;<a href=\"#\" title=\"12 foto's\">12 foto's</a></div>";
var marker = createMarker(point, name, 'OV', html);

In de javascript code van het googlemaps verhaal heb ik dan het volgende gedefinieerd:

code:

function createMarker(point, name, type, html) {
    var marker = new GMarker(point, customIcons[type]);
    markerGroups[type].push(marker);
    GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
    });
    return marker;
}

Het vreemde is dat andere eigenschappen (de achtergrondimage van de h2 bijvoorbeeld wel netjes meegenomen worden maar het formaat van de infobox niet. Heeft iemand hier ideeen bij? Ik hoop trouwens dat het voldoende info is. Geen werkend voorbeeld erbij is best lastig.

[Verwijderd]

Hehe...

Probeer eens .infobox in plaats van #infobox, of id="infobox" in plaats van class="infobox"

[Paxlie]

Verwijderd schreef op woensdag 01 augustus 2007 @ 11:37:
Hehe...

Probeer eens .infobox in plaats van #infobox, of id="infobox" in plaats van class="infobox"

Dat helpt idd
Ik moet eens meer gaan slapen