Hello,
Am at my wits end, after spending quite a bit of time looking at online CSS
docs, reading FAQs, searching this newsgroup and validating my CSS
document.
Was trying to copy, to some extent, the "stylish buttons" tutorial here:
http://www.webreference.com/programming/css_stylish/
and have had mostly success with it, however one stupid thing isn't
working.
The web page exhibiting the problem is viewable here:
http://thinkspot.net/sheila_dev/
The style sheet is here:
http://thinkspot.net/sheila_dev/layo...page/style.css
The style sheet validates 100%. The HTML (which is courtesy of one of the
geeklog themes, for the most part) has some errors, most of which are due
to no ALT tag on images or leftmargin etc... not being valid properties. I
don't think that is what is causing my problem.
THE PROBLEM IS:
I've defined the "search" submit button in the upper right corner of the
page as class 'btn' and here is the style definition for the 'btn' class:
input.btn {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #dde3ef;
border-top-color:#ffcc00;
border-left-color:#ffcc00;
border-right-color:#039;
border-bottom-color:#039;
background-image: url(interface/menu-s2.gif);
background-repeat: repeat-x;
border:2px solid;
text-indent: 2px;
}
Here is the HTML for the submit/search button:
<input type="submit" class="btn" value="{button_search}"
onmouseover="hov(this,'btn btnhov')" onmouseout="hov(this,'btn')">
The submit button, when no mouse hovers over it, should have a bright gold
border on two sides, according to the above code. But it doesn't. (when
hovering the class changes to a different class with a red border)
Everything else is responsive. I can change the border width or the font
size, or the background-repeat properties, etc... and any of these changes
are reflected in the appearance of the submit button. However, I simply
CANNOT get the border color to work for the non-hovered button.
Can anyone explain how to get the border colors to respond when the mouse
is not hovered over the button?
(BTW, these colors are just for testing. Not like I want a red or gold
border on that button.)
--
Sheila King
http://www.thinkspot.net/sheila/
http://www.k12groups.org/