style select boxes

Something Vague · 05-10-2006, 04:39 PM

I have a css sheet;

PHP Code:

  .textbox {

    background-image: url(images/entryfield.jpg);

    border: 0px solid #184578;

    width: 90%;

    color: #65782f;

    font: 12px arial, sans-serif;

    font-weight: bold;

????: NamePros.com http://www.namepros.com/programming/196035-style-select-boxes.html
    text-align: center;

    padding: 2px;

}

Using this style works in text fields perfectly! However, when I use it with select fields, only the background-image: does not appear to be working.

To see what I mean, mxtext.com!

thanks

Shorty · 05-10-2006, 04:42 PM

Sorry to disappoint you ChrisW, but i'm pretty sure background images on select boxes are impossible.

Something Vague · 05-10-2006, 05:02 PM

Oh no! This is a disapointment actually!

Shorty · 05-10-2006, 05:08 PM

Never fear, for there is always a way around things. The alternative is to code a nifty CSS menu drop down type thing that mimics a select box. Or JavaScript equivalent, but as far as I remember they normally work in IE only.

Saying that, I looked at mxtext.com (again)

and I think you could get away with just using a lightgreen background color, it would still fit in well enough.

Something Vague · 05-10-2006, 05:20 PM

Cheers, Shorty!

I will try that! Will post results, and I think you're right, that should suffice!

Placing

.selectbox {
background-color:#009900
border: 0px solid #184578;
width: 90%;
color: #65782f;
font: 12px arial, sans-serif;
font-weight: bold;
text-align: center;
padding: 2px;

as my new css, I do not see the background-color either

Shorty · 05-10-2006, 05:37 PM

That would probably be because you omitted a ; after the background-color.

But good luck with the CSS menu thing, I find them a little tricky myself.

05-10-2006, 04:39 PM	THREAD STARTER #1 (permalink)
Something Vague NamePros Regular Join Date: Mar 2006 Posts: 887	style select boxes I have a css sheet; PHP Code: `.textbox { background-image: url(images/entryfield.jpg); border: 0px solid #184578; width: 90%; color: #65782f; font: 12px arial, sans-serif; font-weight: bold; ????: NamePros.com http://www.namepros.com/programming/196035-style-select-boxes.html text-align: center; padding: 2px; }` Using this style works in text fields perfectly! However, when I use it with select fields, only the background-image: does not appear to be working. To see what I mean, mxtext.com! thanks

05-10-2006, 04:42 PM	#2 (permalink)
Shorty Senior Member Join Date: Sep 2005 Location: England Posts: 1,034	Sorry to disappoint you ChrisW, but i'm pretty sure background images on select boxes are impossible.

05-10-2006, 05:02 PM	THREAD STARTER #3 (permalink)
Something Vague NamePros Regular Join Date: Mar 2006 Posts: 887	Oh no! This is a disapointment actually!

05-10-2006, 05:08 PM	#4 (permalink)
Shorty Senior Member Join Date: Sep 2005 Location: England Posts: 1,034	Never fear, for there is always a way around things. The alternative is to code a nifty CSS menu drop down type thing that mimics a select box. Or JavaScript equivalent, but as far as I remember they normally work in IE only. Saying that, I looked at mxtext.com (again) and I think you could get away with just using a lightgreen background color, it would still fit in well enough.

05-10-2006, 05:20 PM	THREAD STARTER #5 (permalink)
Something Vague NamePros Regular Join Date: Mar 2006 Posts: 887	Cheers, Shorty! I will try that! Will post results, and I think you're right, that should suffice! Placing .selectbox { background-color:#009900 border: 0px solid #184578; width: 90%; color: #65782f; font: 12px arial, sans-serif; font-weight: bold; text-align: center; padding: 2px; as my new css, I do not see the background-color either

05-10-2006, 05:37 PM	#6 (permalink)
Shorty Senior Member Join Date: Sep 2005 Location: England Posts: 1,034	That would probably be because you omitted a ; after the background-color. But good luck with the CSS menu thing, I find them a little tricky myself.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)