css dropdown box.

Coolprogram · 12-13-2005, 02:34 PM

I would like to know how to make a css dropdown box.
Thanks,
-Coolprogram

mch · 12-14-2005, 03:16 PM

More details please. Do you want to style the <select> element? That is, to change the color/font/border/etc of the dropdown list?

dongan · 12-14-2005, 08:47 PM

Quote:

Originally Posted by mch

More details please. Do you want to style the <select> element? That is, to change the color/font/border/etc of the dropdown list?

I think he wants a script for drop down menu and the layouts (colors, fonts, background-image/color) should be styled at CSS.

any idea? i am also looking for the one.

mholt · 12-14-2005, 09:26 PM

www.DynamicDrive.com has a nice selection of CSS menus.

Epic · 12-14-2005, 10:02 PM

Here's a nice tutorial for one:

http://www.alistapart.com/articles/horizdropdowns

biggie · 12-15-2005, 06:27 AM

Hi

here's one i'm planning on using

<html>
<head>
<style>
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="v isible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="h idden"
}
</script>
</head>

<body>
<h3>Drop down menu</h3>
<table width="100%">
<tr bgcolor="#FF8080">
<td onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')">
<a href="/default.asp">Tutorials</a><br />
<table class="menu" id="tutorials" width="120">
<tr><td class="menu"><a href="/html/default.asp">HTML</a></td></tr>
<tr><td class="menu"><a href="/xhtml/default.asp">XHTML</a></td></tr>
<tr><td class="menu"><a href="/css/default.asp">CSS</a></td></tr>
<tr><td class="menu"><a href="/xml/default.asp">XML</a></td></tr>
<tr><td class="menu"><a href="/xsl/default.asp">XSL</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('scripting')" onmouseout="hidemenu('scripting')">
<a href="/default.asp">Scripting</a><br />
<table class="menu" id="scripting" width="120">
<tr><td class="menu"><a href="/js/default.asp">JavaScript</a></td></tr>
<tr><td class="menu"><a href="/vbscript/default.asp">VBScript</a></td></tr>
<tr><td class="menu"><a href="default.asp">DHTML</a></td></tr>
<tr><td class="menu"><a href="/asp/default.asp">ASP</a></td></tr>
<tr><td class="menu"><a href="/ado/default.asp">ADO</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('validation')" onmouseout="hidemenu('validation')">
<a href="/site/site_validate.asp">Validation</a><br />
<table class="menu" id="validation" width="120">
<tr><td class="menu"><a href="/site/site_validate.asp">Validate HTML</a></td></tr>
<tr><td class="menu"><a href="/site/site_validate.asp">Validate XHTML</a></td></tr>
<tr><td class="menu"><a href="/site/site_validate.asp">Validate CSS</a></td></tr>
<tr><td class="menu"><a href="/site/site_validate.asp">Validate XML</a></td></tr>
<tr><td class="menu"><a href="/site/site_validate.asp">Validate WML</a></td></tr>
</table>
</td>
</tr>
</table>
<p>Mouse over these options to see the drop down menus</p>
</body>

</html>

12-13-2005, 02:34 PM	#1 (permalink)
Coolprogram NamePros Regular Join Date: Jul 2005 Location: U.S.A. Posts: 655 0.00 NP$ (Donate)	css dropdown box. I would like to know how to make a css dropdown box. Thanks, -Coolprogram

12-14-2005, 09:26 PM	#4 (permalink)
mholt DNOA Member Join Date: May 2004 Location: Utah Posts: 5,041 18.01 NP$ (Donate)	www.DynamicDrive.com has a nice selection of CSS menus. __________________ codeboards A high-quality community of programmers -- Join today and post! We want new members!

12-14-2005, 10:02 PM	#5 (permalink)
Epic Senior Member Join Date: Sep 2005 Posts: 3,782 518.09 NP$ (Donate)	Here's a nice tutorial for one: http://www.alistapart.com/articles/horizdropdowns __________________ Attractive, Compelling, Efficient Web Design & Development

12-15-2005, 06:27 AM	#6 (permalink)
biggie Senior Member Join Date: May 2003 Location: GreenFriendly.com Posts: 2,772 453.00 NP$ (Donate)	Hi here's one i'm planning on using <html> <head> <style> body{font-family:arial;} table{font-size:80%;background:black} a{color:black;text-decoration:none;font:bold} a:hover{color:#606060} td.menu{background:lightblue} table.menu { font-size:100%; position:absolute; visibility:hidden; } </style> <script type="text/javascript"> function showmenu(elmnt) { document.getElementById(elmnt).style.visibility="v isible" } function hidemenu(elmnt) { document.getElementById(elmnt).style.visibility="h idden" } </script> </head> <body> <h3>Drop down menu</h3> <table width="100%"> <tr bgcolor="#FF8080"> <td onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')"> <a href="/default.asp">Tutorials</a><br /> <table class="menu" id="tutorials" width="120"> <tr><td class="menu"><a href="/html/default.asp">HTML</a></td></tr> <tr><td class="menu"><a href="/xhtml/default.asp">XHTML</a></td></tr> <tr><td class="menu"><a href="/css/default.asp">CSS</a></td></tr> <tr><td class="menu"><a href="/xml/default.asp">XML</a></td></tr> <tr><td class="menu"><a href="/xsl/default.asp">XSL</a></td></tr> </table> </td> <td onmouseover="showmenu('scripting')" onmouseout="hidemenu('scripting')"> <a href="/default.asp">Scripting</a><br /> <table class="menu" id="scripting" width="120"> <tr><td class="menu"><a href="/js/default.asp">JavaScript</a></td></tr> <tr><td class="menu"><a href="/vbscript/default.asp">VBScript</a></td></tr> <tr><td class="menu"><a href="default.asp">DHTML</a></td></tr> <tr><td class="menu"><a href="/asp/default.asp">ASP</a></td></tr> <tr><td class="menu"><a href="/ado/default.asp">ADO</a></td></tr> </table> </td> <td onmouseover="showmenu('validation')" onmouseout="hidemenu('validation')"> <a href="/site/site_validate.asp">Validation</a><br /> <table class="menu" id="validation" width="120"> <tr><td class="menu"><a href="/site/site_validate.asp">Validate HTML</a></td></tr> <tr><td class="menu"><a href="/site/site_validate.asp">Validate XHTML</a></td></tr> <tr><td class="menu"><a href="/site/site_validate.asp">Validate CSS</a></td></tr> <tr><td class="menu"><a href="/site/site_validate.asp">Validate XML</a></td></tr> <tr><td class="menu"><a href="/site/site_validate.asp">Validate WML</a></td></tr> </table> </td> </tr> </table> <p>Mouse over these options to see the drop down menus</p> </body> </html> __________________ www.urlpick.com...Premium Domain Names PMM.org * QE.org * 96.net * 150.org * WPD.net * OPV.net * MrQ.net * XMD.net * 455.info * 735.org * 1MD.com * QN1.com * XAX.org * QG1.com * IZ1.com * OVL.net * VJ4.com * MOBI.us.com * SVC.net * MVN.org * SOP.net * SVH.org * OPO.net * QFM.net * WEW.org * MFP.org

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
MSN scammer!! offers you to be a moderator, don't give personal data!	Jim_Westergren	Warnings & Alerts	54	07-05-2006 06:35 PM
Googlism - What does google think of you?	deadserious	The Break Room	55	12-15-2005 09:09 AM
CSS Dropdown menus {simple} where can I get 'em?	static1635	Website Development	8	07-28-2005 03:09 AM
Xbox 360 hype	andriegel	Domain Name Discussion	5	05-18-2005 11:46 AM

12-14-2005, 03:16 PM	#2 (permalink)
mch NamePros Regular Join Date: Nov 2005 Location: EU Posts: 248 99.25 NP$ (Donate)	More details please. Do you want to style the <select> element? That is, to change the color/font/border/etc of the dropdown list?

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