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.
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.