Click to See Complete Forum and Search --> : CSS not working with Google map page


Cameleer
08-03-2008, 05:01 AM
I have css working on my main page for links to change background color on mouseover but I'm having problems on my Google map page. It works but there's a space above each link that should not be there. Here is the page that I'm having problems with. On the top left is a link to the main page where it does work.
http://indiavrtours.com/jaipur/google_map2.html

This is the code:

<style type="text/css">
/*<![CDATA[*/
.buttonscontainer {width: 135px;}

.buttons a {color: #000000;
background-color: #ffffef;
padding: 5px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #800000;
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #800000;
color: #FFFFFF;
text-decoration: none;}

}

/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
fprolloverstyle
A:hover {color: #800000}
/*]]>*/
</style>

Here is the page without the css code.
http://indiavrtours.com/jaipur/google_map.html

Yes I'm new at this, but we all have to start some where!
Thanks for any and all help.

Centauri
08-03-2008, 11:14 AM
The spacing is caused by the <br>s you have between each link, effectively inserting another blank line.

Cameleer
08-03-2008, 07:52 PM
This is one of the xml links, I tryed removing the br that is shown in red but that didn't help.

<marker lat="26.91710022924259" lng="75.85220575332642"
html='Sun Temple over looking Jaipur&lt;br&gt;With a &lt;a href="http://www.indiavrtours.com/jaipur/sun_temple4.html#Here"&gt;Link&lt;/a&gt; to Panoramic Picture&lt;br&gt;&lt;img src="images/sun_temple_logo.jpg" width=200 height=141&lt;br&gt;' label="Sun Temple" />

Centauri
08-03-2008, 08:25 PM
The <br>s in question are being applied by the javascript function : // A function to create the marker and set up the event window
function createMarker(point,name,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[i] = html;
side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
i++;
return marker;
}That needs to be removed.

Cameleer
08-05-2008, 02:35 AM
That did the trick, thanks so much!