View Full Version : CSS interfering with my donation box.

05-09-2006, 10:18 PM
So this is the script for the donation box.

<script src="http://donatemeter.com/showbutton.php?i=281&item=27&width=170&direction=vertical&showtop5=yes&background=0072BC&graph1=red&graph2=maroon&text=white">

See background color is 0072BC (Blue), text is white etc.

But this part of my css:

table {background-color: #363636;}
th {background-color: #E1E1E1; font-size: 11pt;}
td {background-color: #FFF; font-size: 10pt;}

Is changing the design. How do I keep it blue background and white text.

This is what happens when the above css is there: http://openlite.5gigs.com/indextest.html
See how it changes the color to white and black.

Then when the above css is removed:

So, how do I make it look like that blue donation box with white text without removing the code above. I've tried adding a div and style for the donation box, but that doesn't seem to override the above css.

CSS: http://pastebin.com/703726

05-09-2006, 10:44 PM
You're missing the required type attribute from that tag.
Specify a new class in the CSS that overrides it:
div.nooverride table {background-color: #0072bc;}
div.nooverride th {background-color: #0072bc;}
div.nooverride td {background-color: #0072bc;}
div.nooverride {color: white;}... and wrap the script in that div:
<div class="nooverride"><script src="http://donatemeter.com/showbutton.php?i=281&item=27&width=170&direction=vertical&showtop5=yes&background=0072BC&graph1=red&graph2=maroon&text=white" type="text/javascript"></div>Oh, and points are a bad choice for onscreen meaurements. They're a real-world size, and as such will vary greatly onscreen.