HTML - Dropdown Title Problem
I have what I hope is a simple problem with an HTML dropdown form.
How do I make my top, default value "Choose" unclickable? I want it to be the title inside my dropdown, not a submittable option. Here is the code in my test example. Code: <form method="post"action="http://www.phoenixarizonanetwork.com/cgi/redir.pl"> <select name="url"> <option value="test.htm">Choose</option> <option value="../cats.htm">Cats</option> <option value="../dogs.htm">Dogs</option> <option value="../rabbits.htm">Rabbits</option> </select> <input type="submit" value="Go" /> </form> Here is a link to my test example. http://www.phoenixarizonanetwork.com/test.htm Thanks so much in advance!!! Similar TutorialsHello. When you do a search for my company which is Nikki Vain, the title and description shows up as [FLASH] Title NAME*: EMAIL*: MESSAGE*: File Format: Shockwave Flash Title NAME*: EMAIL*: MESSAGE*: nikkivain.com/flash/main_v8.sw I went in to my ftp and changed the index.html so this would not happen at www.nikkivain.com and it is fine there. I am so confused Thanks for the help in advance Hi guys, i have problem with my dropdown menu and IE7. Site is -> http://www.blisscupcakecafe.com/4/ When u hover on about us button it appears submenu/dropdown. But in IE7 its behind that AJAX slideshow/slider. So in all browser its ok but on IE its broken Also when i hover About Us from left or right its inline menu instead of block ? Thanks in advance im having trouble with a drop-down menu. when i highlight the <li>'s that drop down, i can't do anything that will make them dissapear. here's my java: Code: <script type="text/javascript"><!--//--><![CDATA[//><!-- sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //--><!]]></script> heres my html: Code: <li><a href="#">About us</a> <ul> <li><a href="#">Our company</a></li> <li><a href="#">Services we offer</a></li> <li><a href="#">Meet our people</a></li> </ul> </li> heres my css: Code: /* drop down navigation */ #nav, #nav ul { float: left; width: 100%; list-style: none; line-height: 0.6em; background: #333; font-weight: normal; padding: 0; border: solid thin #000; margin: 15px 0 30px 0; color:#fff; } #nav a { display: block; width: 124px; color: #fff; text-decoration: none; font-size:0.7em; padding:7px; border-left: solid 4px #000; } #nav li { float: left; padding: 0; width: 20%; } #nav li ul { position: absolute; left: -999em; height: auto; width: 10%; width: 13.9em; font-weight: normal; border-width: 1px; margin: 0; padding:0; } #nav li li { margin-left:-1px; width: 13em; } #nav li ul a { width: 205px; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav a:hover{ background: #444; } /* end of drop down navigation*/ any ideas??? Is there anything wrong with this li tag? <li><a href="uc.html" class="underline">Item 1</a></li> uc.html is located in the same directory. The menu is disabled and doesn't work. I can't find out what the problem is. Hi all I have made a dropdown menu where the user is to select one of the options but I just cannot for the life of me workout which cose I need to use for that option to show up on the following page where all the writen details (which all work )exept for the chosen dropdown menu choice. I hope I have made sence here. Can anyone please help me. I can copy and paste what I have if that will help.Just let me know please, Reference: http://www.skinquotient.com This is a shopping cart using OSCommerce. In the left hand column, you will notice that the second item from the top is a drop down menu titled "Shop by Concern". The length of some of the value in the shop by concern drop down menu are wider than the width of the left column. In firefox, when you open the menu, the menu itself expands wider then the width of the column so life is good. Of course, IE likes to make your life difficult, so in IE the menu values are truncated to fit the column width. I don't want to make that left column wider - I want to leave as much room as possible in the main body for content. My preferred solution would be to somehow make that menu expand in IE like it does in firefox, however I don't know if this is possible. Ideas are welcome! Hello all, I just got a job working for a school and noticed their website was pretty much unorganized. So yesterday i took up dreamweaver and created this page(the rest of the site is pending acceptance/working of this main page): http://pratt.broward.edu/colejw/Attucks/ However, it did come with problems. In IE it displays fine, everything seems to work. But.. Firefox doesn't seem to like my menu bar and flash scroller combo. In firefox the flash scroller appears over the drop down menu, below is a picture of what i mean. Everything below the menu bar is in a table, so its not the table itself since the drop down appears over the pictures and other text. The only thing overriding it is the flash scroller. Anyone have any ideas? i played with Z-index and such but no luck and in one instance it moves everything from the menu down over to the right of the menu, i could also be placing the z-index's in the wrong place. If anyone has any fixes please let me know. I'm not sure if anyone is familiar with spiceworks but it's a fairly nifty application, and I'm trying to customize a create ticket form. Things work fine for the most part, the problem I run into is when I create a dropdown menu for users to select a "program code" that populates to a text area. From reading the errors I can see what is happening but I just don't know how to fix it b/c of the way in which this textbox is named. My code is as follows. Code: <form name="form1" action="/portal/new_ticket" class="new-ticket" enctype="multipart/form-data" method="post" onsubmit="Portal.disableSubmit(this);return true"> <input class="text" id="authenticity_token" name="authenticity_token" type="hidden" value="pFUDFH3XRBtjFr+p3+pNaSdbkxj8XJAVcgj9BGcUvPo=" /> <h2>For help with an IT issue you are experiencing, please complete the form below.</h2> <select name="menu" onchange="document.form1.ticket[description].value=document.form1.menu.options[document.form1.menu.selectedIndex].value;" style="background-color: transparent; font-size: 10px; color: rgb(0, 102, 153); font-family: verdana;"> <option value="#">Choose Program Code.</option> <option value="01">01</option> <option value="">02</option> <option value="">03</option> <option value="">04</option> <option value="">05</option> <option value="">06</option> <option value="">07</option> <option value="">08</option> <option value="">09</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> <option value="">13</option> <option value="">14</option> <option value="">15</option> </select> <p class="summary"><label>Summary:</label><input class="text" id="ticket_summary" name="ticket[summary]" type="text" /></p> <p class="description"><label>Description:</label><textarea id="ticket[description]" name="ticket[description]" type="text" value=""></textarea></p> <p class="attachment"><label>Optional attachment: </label><input class="text" id="ticket_attachment" name="ticket[attachment]" type="file" /><a href="#" onclick="return Portal.resetHTML($(this).up('p'));; return false;">clear attachment</a></p> <p class="button"><input name="commit" type="submit" value="Submit Request" /><em class="highlight"></em></p> </form> As you can see the name of the textarea is name="ticket[description]" and when I am assigning the value of the user selection to the textarea, onchange="document.form1.ticket[description].value=document.form1.menu.options[document.form1.menu.selectedIndex].value; the syntax b/c of the name is setup for "ticket" to have a variable "description" passed to it and I am then getting the error "description is not defined" which would make sense. I get the code to work if I simply change the name of the textarea to something like "ticket" but then I get an error when I try to submit the ticket in spiceworks, so it appears I need to find a different way of populating the textarea with out changing the name of the textarea. Is there another way to have my dropdown menu populate the textarea, maybe with javascript, where I can keep the name ticket[description] and not have the compiler thinking I'm trying to pass description? Any help is greatly appreciated. Hi, I am using css to create a dropdown menu. It works fine in all browsers except IE6. In IE6 a dropdown list covers the dropdown menu. please see the atachment/screenshot. Here is the html/css code I am using. HTML Code: { position: relative; z-index: 1;}*/ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; z-index: 599; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; z-index: 598; } ul.dropdown ul ul { top: 1px; left: 99%; z-index: 598; } ul.dropdown li:hover > ul { visibility: visible; z-index: 598; } HTML Code: <div id="header" class="header" style="background-image: url(./images/blue-curve.jpg); background-position: top;"> <h1> Finance and Risk </h1> <ul class="dropdown dropdown-horizontal noPrint"> <li><a href="#" class="dir">Data Management</a> <ul> <?php echo '<li><a href="main.php?PageName=import3' . SID . '">Upload Data</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=list' . SID . '">Download Data</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=delete' . SID . '">Delete Data</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=assetupdate' . SID . '">Update Data</a></li>'; ?> </ul> </li> <li><a href="#" class="dir">Reports</a> <ul> <?php echo '<li><a href="main.php?PageName=reports' . SID . '">BS Overview</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=CDO' . SID . '">CDOs</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=impairment' . SID . '">Impairments</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=fvecapreport' . SID . '">FairValue and Risk</a></li>';?> <?php echo '<li><a href="main.php?PageName=creditrisk' . SID . '">Credit Default Risk</a></li>';?> <?php echo '<li><a href="main.php?PageName=securitydata' . SID . '">MarketData</a></li>';?> </ul> </li> <li><a href="#" class="dir">Files & Manuals</a> <ul> <?php echo '<li><a href="magnitude.pdf" target="_blank">Product Codes</a></li>';?> <?php echo '<li><a href="uploadmanual.pdf" target="_blank">Upload Manual</a></li>';?> <?php echo '<li><a href="main.php?PageName=osmdocs' . SID . '">OSM Files</a></li>'; ?> </ul> </li> <li><a href="#" class="dir">Miscellaneous</a> <ul> <?php echo '<li><a href="main.php?PageName=creditcrises' . SID . '">Credit Crises</a></li>'; ?> </ul> </li> <?php if ($_SESSION['Admin'] == "Yes") { ?> <li><a href="#" class="dir">Admin </a> <ul> <?php echo '<li><a href="main.php?PageName=message' . SID . '">Flash Alerts</a></li>'; ?> <?php echo '<li><a href="testmarcel1.php?' . SID . '">Test Marcel1</a></li>'; ?> <?php echo '<li><a href="testmarcel2.php?' . SID . '">Test Marcel2</a></li>'; ?> <?php echo '<li><a href="testmarcel3.php?' . SID . '">Test Marcel3</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=testajay1' . SID . '">Test Ajay1</a></li>'; ?> <?php echo '<li><a href="testajay2.php?' . SID . '">Test Ajay2</a></li>'; ?> <?php echo '<li><a href="testajay3.php?' . SID . '">Test Ajay3</a></li>'; ?> </ul> </li> <?php } ?> <li><a class="dir" href="main.php?PageName=menu">Menu</a> <ul> <?php echo '<li><a href="logout.php">Logout</a></li>'; ?> <?php echo '<li><a href="#">Change password</a> </li>'; ?> </ul> </li> <li><a class="dir" href="javascript:window.print()" color="green">Print</a> </li> </ul> </div> Any one has an idea how to get the css menu on top of the dropdown list? Thanks in advance i've noticed that when i use the <alt> tag and rollover an image the alternative text doesn't show up, it only show's up when i use the <title> tage... do i need to be using both? is there a way to put a href into a title of an image? Hello, Im tyring to create a group by box with a title identical to the attached, I cant figure out how to make this happen Can someone show me a mock up of this? which file do i edit to change the title tag? lol i know i suck. Sorry that my first post on this forum is a question, but I've spent way too much time trying to figure this out on my own. What's the HTML or code to place images in the title of a webpage? As in this image... Any help you can give would be greatly appreciated!! -Matt My title disappears in Ie, but is visible in FF. Site validates. Any ideas? http://www.apnaonline.ca Thanks, Geoserv. Need some info on <title>. Just wondering how do I get the innerHTML of document.title using javascript, I tried; var title document.title.innerHTML; But it's not working, anyone help me please? Hi, I've got this issue. I've got a thumbnail of a post of wordpress on top of the title of the post. I want to so the thumbnail is to the left of the title. so its like this: ----------- | Image | Title ----------- Here is the link to the website: I tried putting in the tag align="left" to the image but that didn't make a difference at all. I would appreciate the help. Hello, I am new to the forum, my question is, how do you get the little image that shows in the title of the web page and on the browser tab? Thanks Chunk |