Help - Search - Members - Calendar
Full Version: Form Button Issue
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
susa007
Hello everyone,

I'm having an issue with two form buttons. They only show up as gray rectangles with their labels. Ignore all the other ugly elements as this site is still being worked on. Below are links to the test site and style sheet. Thanks in advance for any help you can give me. I've only used this forum a few times but it always yields superior results.

http://www.drawninwardmedia.com/nursecore/refer.html

http://drawninwardmedia.com/nursecor.....;/new-style.css

Thanks again,
Banjo
The style sheet link doesn't work but i found it, i just looked at it quickly but i can't see any css that is styling the buttons. What exactly do you want to happen to them?

Jetteh22
Okay.. 1) I can only see your buttons for a few seconds before the footer of the site completely covers them up.

2) The buttons look like the -default- buttons that come with IE, which means that you didn't style them at all.

In order to change the way the look you'll have to style them using the CSS.

And like Banjo, the link you gave doesn't work. Unlike Banjo, I can't find it.

JK: I did find it. And yeah, there are not styles for the buttons. In your Source code for your page, the buttons are not ID's or Class'ed as anything that would give them styles, and in your stylesheets you don't have anything in there regarding input.
Trippin7464
Jetteh the stylesheet is here, http://www.drawninwardmedia.com/nursecore/...s/new-style.css

And the buttons look worse than default so I don't know if you tried to style them or not, but I'm honestly too lazy to do anything with this right now. I'll remind myself to check back in on this later and see if anyone else helped.
Banjo
Change the button code you have to this
CODE
<input type="submit" value="Submit" id="button" />
<input type="reset" value="Clear Form" id="button" />

The only difference is that it has a id so you can style the form

and then you can style it with css eg..

CODE
#button {
   background-color: #000000;
   color: #ffffff;
}

#button:hover {
   background-color: #ffffff;
   color: #000000;
}

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.