cformsII Support Forum
Current User: Guest *Frequently Asked Questions*
Search 
Search Forums:


 




Input boxes divided - .cform input-problem / background changes

Add a New Topic Reply to Post
Post

Petter - Guest

10:12 pm - August 6, 2007

My input boxes are all sliced up, and changing upon focus, hover and select. I suspected it to be a problem with my theme´s stylesheet, so I tried another theme with no success.Same problem with other cforms-stylings...

http://lydklinikken.no/?page_id=6

.cform input:hover,select,focus
.cform input-problem 

Oliver - Admin

10:35 pm - August 6, 2007

posts 3562

Iin your CSS stylesheet, look for (3x):

background:url(../images/field-bg-  .... 

and replace with:

background:#f9f9f9 url(../images/field-bg-

#f9f9f9 is the new part so to speak. see if that works for you.

Petter - Guest

12:42 am - August 7, 2007

Thanks, it kinda worked, the boxes are readable - but still don't look like they're supposed to... take a look

If I remove the background: url(../images/field-bg-... altogether, they just turn plain white.

Oliver - Admin

6:57 am - August 7, 2007

posts 3562

Petter said:

Thanks, it kinda worked, the boxes are readable - but still don't look like they're supposed to... take a look

If I remove the background: url(../images/field-bg-... altogether, they just turn plain white.


That's the beatuy of CSS. Instead of #F9F9F9, try simply #FFFFFF I think that is the proper background to which the top and bottom 'line' fade into.

Petter - Guest

11:39 am - August 7, 2007

I think its the same. Hard to tell though.
Ie doesn't respond to mouse-movements at all it seems. Changed this also without luck.

.cform select {
    padding:1px 3px;
    background: #FFFFFF;

 

Do you think cForms have problems with my theme?
Here is my stylesheet

A copy of my index.php

Here is the background image used

Oliver - Admin

7:59 pm - August 7, 2007

posts 3562

I see you're still using #F9F9F9 as opposed to #FFFFFF.

Also, if you want to split the background color from the image, make sure you split it all the way, ie.  use

background-color

background-image

etc.

background:#ffffff url(../images/field-bg-

should do the trick. 

Add a New Topic Reply to Post


Reply to Topic: Input boxes divided - .cform input-problem / background changes
PLEASE READ THE FAQs FIRST! THANK YOU.

NOTE: New Posts are subject to administrator approval before being displayed

Guest Name (Required):

Guest EMail (Required):

Guest URL (required)

Math Required!
What is the sum of: 8 + 9        (Required)

Topic Reply:


 
© Simple:Press Forum - Version 3.1.3 (Build 356)