Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

list/menu

Status
Not open for further replies.
edd1eg

edd1eg

Programmer
Joined
Jun 27, 2003
Messages
123
Location
GB
Hi there,

i have got this code for a text area

<input type="text" class="field">

I was wondering if anyone knew how to do one for a list/menu?

thanks for any help
 
Sort by date Sort by votes
I'm not sure I understand your question.

<input type=text name="myInput" class="myClass" value="some value">
<textarea name="myTextArea" class="myClass">Some Other Value</textarea>

<select name="mySelect" class="myClass">
<option value=1>Choose One
<option value=2 SELECTED>Already Chosen
</select>

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

zen.gif
 
Upvote 0 Downvote
see i have got this code to change the background of the field areas

<style type="text/css">
.field {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
background-color: #849CD2;
}


and i chose this code for the field name

<input type="text" class="field">

and it changes the background colour of the field.

i put the code that you gave me but did not change the colour, do you know what the problem is?

thanks

edd
 
Upvote 0 Downvote
I'm not sure why the class is failing without see all of your code, styles cascade and the top level is an inline style definition like these. they should work...


<textarea style="background-color: yellow"></textarea>

<select style="background-color: yellow">

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

zen.gif
 
Upvote 0 Downvote
ok i'll post my code here it is:


<html>
<head>
<title>Self-Drive Hire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
.field {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
background-color: #849CD2;
}

BODY {
scrollbar-base-color : #;

scrollbar-arrow-color : #ffffff;

scrollbar-face-color: #134CCC;

scrollbar-shadow-color: #;

scrollbar-highlight-color: #;

scrollbar-3dlight-color: #ffffff;

scrollbar-darkshadow-color: #;
}
</style>

</head>

<body bgcolor="#CCCCCC" text="#000000" onLoad="MM_preloadImages('images/logistics_rollover_main.gif','images/contactus_main_rollover.gif','images/taxi_chauffuer_rollover_main.gif','images/selffrive_main_rollover.gif','images/links_main_rollover.gif','images/about_us_rollover.gif','images/contact_us_rollover.gif','images/location_rollover.gif','images/disclaimer_rollover.gif','images/terms&amp;conditions_rollover.gif','images/website_terms_of_use_rollover.gif','images/privacy_policy_rollover.gif','images/terms&amp;conditions_bottom_rollover.gif','images/contactus_bottom_rollover.gif')">
<div align="center">
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/top.gif" width="628" height="4"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="214" align="left" valign="top"><img src="images/top2.gif" width="214" height="13"></td>
<td width="48" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('aboutus_rollover','','images/about_us_rollover.gif',1)"><img src="images/about_us.gif" name="aboutus_rollover" width="48" height="13" border="0"></a></td>
<td width="27" align="left" valign="top"><img src="images/about_us_right.gif" width="27" height="13"></td>
<td width="57" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact us','','images/contact_us_rollover.gif',1)"><img src="images/contact_us.gif" name="contact us" width="57" height="13" border="0"></a></td>
<td width="22" align="left" valign="top"><img src="images/contact_us_right.gif" width="22" height="13"></td>
<td width="45" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('location','','images/location_rollover.gif',1)"><img src="images/location.gif" name="location" width="45" height="13" border="0"></a></td>
<td width="25" align="left" valign="top"><img src="images/location_right.gif" width="25" height="13"></td>
<td width="55" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','images/disclaimer_rollover.gif',1)"><img src="images/disclaimer.gif" name="Image32" width="55" height="13" border="0"></a></td>
<td width="17" align="left" valign="top"><img src="images/disclaimer_right.gif" width="17" height="13"></td>
<td width="109" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33','','images/terms&conditions_rollover.gif',1)"><img src="images/terms&conditions.gif" name="Image33" width="109" height="13" border="0"></a></td>
<td width="16" align="left" valign="top"><img src="images/terms&conditions_right.gif" width="9" height="13"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/below_top_links.gif" width="628" height="65"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="103" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('logistics','','images/logistics_rollover_main.gif',1)"><img src="images/logistics_main.gif" name="logistics" width="103" height="17" border="0"></a></td>
<td width="132" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contactus_main','','images/contactus_main_rollover.gif',1)"><img src="images/contactus_main.gif" name="contactus_main" width="132" height="17" border="0"></a></td>
<td width="199" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('taxi/chauffuer','','images/taxi_chauffuer_rollover_main.gif',1)"><img src="images/taxi_chauffuer_main.gif" name="taxi/chauffuer" width="199" height="17" border="0"></a></td>
<td width="148" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('self-drive','','images/selffrive_main_rollover.gif',1)"><img src="images/selfdrive_hire_main.gif" name="self-drive" width="148" height="17" border="0"></a></td>
<td width="53" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('links','','images/links_main_rollover.gif',1)"><img src="images/links_main.gif" name="links" width="46" height="17" border="0"></a></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/animation_area.gif" width="628" height="129"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/below_animation_area.gif" width="628" height="8"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/contact_us_header.gif" width="628" height="35"></td>
</tr>
<tr>
<td align="left" valign="top"><iframe noresize src="selfdrive_hire1.htm" name="contenu" align=left width="628" height="231" marginwidth=0 marginheight=0 frameborder=no vspace="0" hspace="0"></iframe>&nbsp;</td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/grey_area.gif" width="628" height="19"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/top_bottom_links.gif" width="628" height="5"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="112" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34','','images/website_terms_of_use_rollover.gif',1)"><img src="images/website_terms_of_use.gif" name="Image34" width="112" height="13" border="0"></a></td>
<td width="15" align="left" valign="top"><img src="images/website_terms_of_use_right.gif" width="15" height="13"></td>
<td width="73" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35','','images/privacy_policy_rollover.gif',1)"><img src="images/privacy_policy.gif" name="Image35" width="73" height="13" border="0"></a></td>
<td width="19" align="left" valign="top"><img src="images/privacy_policy_right.gif" width="19" height="13"></td>
<td width="109" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','images/terms&conditions_bottom_rollover.gif',1)"><img src="images/terms&conditions_bottom.gif" name="Image36" width="109" height="13" border="0"></a></td>
<td width="19" align="left" valign="top"><img src="images/terms&conditions_bottom_right.gif" width="19" height="13"></td>
<td width="57" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image37','','images/contactus_bottom_rollover.gif',1)"><img src="images/contactus_bottom.gif" name="Image37" width="57" height="13" border="0"></a></td>
<td width="231" align="left" valign="top"><img src="images/contactus_bottom_right.gif" width="224" height="13"></td>
</tr>
</table>
<table width="635" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="images/bottom.gif" width="628" height="22"></td>
</tr>
</table>
</div>
</body>
</html>


thanks

edd
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

trevil620
  • Locked
  • Question Question
SoThink DHTML Menu Conversion
Replies
0
Views
981
trevil620
trevil620
nanbread
  • Locked
  • Question Question
Sweeping drop-down menus
Replies
0
Views
875
nanbread
nanbread
JPSeo
  • Locked
  • Question Question
simple SyntaxError: missing ) after argument list error
Replies
2
Views
444
JPSeo
JPSeo
Dara2020
  • Locked
  • Question Question
Jquery Conflict between Mega-Menu and MailChimp form
Replies
0
Views
275
Dara2020
Dara2020
Ahmad khalafalla
  • Locked
  • Question Question
How to listen to 'onclick' event on the document
Replies
1
Views
472
feherke
feherke

Part and Inventory Search

Sponsor

Back
Top