/    Sign up×
Community /Pin to ProfileBookmark

CSS not working with Google map page

Copy linkTweet thisAlerts:
Aug 03.2008

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.
[url]http://indiavrtours.com/jaipur/google_map2.html[/url]

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.
[url]http://indiavrtours.com/jaipur/google_map.html[/url]

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

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriAug 03.2008 — The spacing is caused by the <br>s you have between each link, effectively inserting another blank line.
Copy linkTweet thisAlerts:
@CameleerauthorAug 04.2008 — 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;[COLOR="Red"]br[/COLOR]&gt;' label="Sun Temple" />
Copy linkTweet thisAlerts:
@CentauriAug 04.2008 — The <br>s in question are being applied by the javascript function :[CODE] // 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>[COLOR="Red"]<br>[/COLOR]';
i++;
return marker;
}[/CODE]That needs to be removed.
Copy linkTweet thisAlerts:
@CameleerauthorAug 05.2008 — That did the trick, thanks so much!
×

Success!

Help @Cameleer spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...