Help with making a single drop down!

HTML & CSS
1

I’m trying to make a single drop down list… Can anyone help me out?

Here is my HTML and CSS. -

 
 
#nav1 {
	background: url(images/nav_bkg.jpg) top left no-repeat ;
	height: 35px ;
	margin-bottom: 9px ;
	width: 960px }
 
	#nav1 li {
		float: left;
		list-style-type: none; }
 
	#nav1 a {
		color: #FFF ;
		display: block ;
		font-size: 15px ;
		line-height: 34px ;
		padding: 0 27.8px ;
		text-decoration: none ;
		text-transform: capitalize }
 
	#nav1 div, #nav1 ul {
		border-width: 0 1px 1px 1px ;
		border-style: solid ;
		border-color: #E2E0AF ;
		margin-top: 1px ;
		position: absolute ;
		visibility: hidden ;
		z-index: 100 ;
		width: 200px }
 
	#nav1 ul li { width: 200px }
 
	#nav1 div a, #nav1 ul a {
		background: #000 ;
		font-size: 11px ;
		line-height: 18px ;
		padding: 0 2px }
 
	#nav1 div a:hover, #nav1 ul a:hover { background:#e2e0af ; color: #000 }


            <ul id="nav1">

                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">About</a>
                    
                        <li>
                            <a href="#">Services</a>

                        </li>
                        <li>
                            <a href="#">Courses &amp; Workshops</a>
                        </li>
                        <li>
                            <a href="#">Textbook</a>
                        </li>
                        <li>
                            <a href="#">Speaker</a>
                        </li>
                        <li>
                            <a href="#">Papers</a>

                        </li>
                        <li>
                            <a href="#">Contact Us</a>
                        </li>

            </ul>
2

Hey man, I know from Ohio that you know how to create a dropdown (coding competition ;))

<ul id="nav1">
 
                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">About</a>
                    
                        <li>
                            <a href="#">Services</a>
 
                        </li>
                        <li>
                            <a href="#">Courses &amp; Workshops</a>
[b]<ul>
<li>dropdown stuff</li>
</ul>
[/b]
                        </li>
                        <li>
                            <a href="#">Textbook</a>
                        </li>
                        <li>
                            <a href="#">Speaker</a>
                        </li>
                        <li>
                            <a href="#">Papers</a>
 
                        </li>
                        <li>
                            <a href="#">Contact Us</a>
                        </li>
 
            </ul>

You know the CSS (li:hover ul{/rules/}) :slight_smile:

3

well I’m no authority, but I do have a working drop down:

<td><?php echo $xx[“evt_repeat”];?>:</td>
<td>
<select name=“repeat” id=“repeat”>
<option value=“0”<?php echo (!$_POST[“repeat”]) ? ’ selected=“selected”>’ : “>”; echo $xx[“evt_none”];?></option>
<option value=“1”<?php echo ($_POST[“repeat”] == “1”) ? ’ selected=“selected”>’ : “>”; echo $xx[“evt_daily”];?></option>
<option value=“2”<?php echo ($_POST[“repeat”] == “2”) ? ’ selected=“selected”>’ : “>”; echo $xx[“evt_weekly”];?></option>
<option value=“3”<?php echo ($_POST[“repeat”] == “3”) ? ’ selected=“selected”>’ : “>”; echo $xx[“evt_monthly”];?></option>
<option value=“4”<?php echo ($_POST[“repeat”] == “4”) ? ’ selected=“selected”>’ : “>”; echo $xx[“evt_yearly”];?></option>
</select>
</td>