kaysee
02-24-2003, 01:22 AM
I know that I can edit the style of a drop down menu as found on this page (http://www.lissaexplains.com/fun.shtml#drop) but what I need to be able to do it set the it from the CSS. As I have skinned my site, the page can be many different colors. Does anyone know how to do this?
Thanks
Ruth
PrincessKT
02-24-2003, 02:16 AM
You might want to reword your request a little... others may be able to understand you, Do NOT be rude to other members, and do NOT swear on this forum. I suggest you read the rules! - Moderator
kaysee
02-24-2003, 02:22 AM
that was rude.
I want to be able to set the colors of the drop down menu from the CSS style sheet rather than hard coding it. I have various layouts that are defined by a CSS style sheet and if the color is coded directly on the index file it won't change from layout to layout.
Ruth
Something like this?
<style type="text/css">
select,input
{
background-color:808080;
color:FFFFFF;
}
</style>
kaysee
02-24-2003, 03:33 AM
thank Alcy, but
I need to be able to have a different coding on each style sheet. that coding is in CSS but it is hard coded on the page, not on the different CSS style sheets.
Thank you again
Ruth
pink_fishies
02-24-2003, 03:48 AM
i don't think its possible..or is it? well..i just hand coded my drop down menu myself..i don't think i'm making sense :S
epolady
02-24-2003, 04:20 AM
Perhaps something like this-
<style type="text/css">
.drop1{
font-family: comic sans ms;
color: #FFFF00;
border: outset;
font-size: 12px;
background: #CC99FF;
}
.gobutton{
font-family: comic sans ms;
color: #FF0000;
font-size: 12px;
background: #CC99FF;
}</style>
<form name="gotolocation1" method="POST">
<select name="lissamenu1" class="drop1">
<option value="http://www.lissaexplains.com">Lissa Explains it All</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>
<option value="http://www.lissaexplains.com/home">Lissa's Page</option>
</select>
<input type="button" onClick="location = document.gotolocation1.lissamenu1.options
[document.gotolocation1.lissamenu1.selectedIndex].value;" value="Go" class="gobutton">
</form>
generic example o' course. HTH.
kaysee
02-24-2003, 05:56 AM
a helpful person sent me this. I used this to edit the page how I wanted it
______________________________
input, select, checkbox, textarea {
color: #000000;
background: #E6A7DB;
border: 1px #0094CB solid;
font-family: verdana, arial, tahoma, sans-serif;
font-size: 11px;
font-weight: 500;
}
This affects the dropdown box and any form boxes you have (search boxes,
comment boxes and fields, and contact sheets).
Border is of course optional. As I said, play around with them. Some of my
styles have "wild" borders (e.g., border: 3px dotted #AEFCD2) and so forth.
So I like to pick up some of my border styles from the blog itself and use
them here.
You don't have to declare your font-family or font-weight if you've declared
them in your body AND if they don't change. I like the input forms buttons
to have slightly smaller text, so that's why I declare them here
PrincessKT
03-03-2003, 04:13 AM
Originally posted by PrincessKT
You might want to reword your request a little... others may be able to understand you, Do NOT be rude to other members, and do NOT swear on this forum. I suggest you read the rules! - Moderator
I'm sorry, I didn't realize I was being rude... is "heck" considered a cussword? In the south, it's basically what makes up our vernacular... I'm sorry... O_o