|
HTML - Shortening A Drop Down Box
Hi, i have a drop down box in a table with a bunch of project names, but some of them are pretty long. The drop down is taking up all the screen space. Is there a way to shorten the box, so you click on the drop down, look at the full names, and when you've selected one it shows only part of it, say the first 10 letters? Thanks!
Similar TutorialsIn this code below (and attached image) there is a vertical line that seperates the left column from the main content of the page. Can you please tell me where the vertical line is in this code and how I can shorten it? Thanks. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.11 Transitional//EN">
<html><head>
<title>test</title>
<script src="java.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="styles.css">
<style type="text/css">
.test{background-color:#ffdead;}
#header {
width: 830px;
margin-left: auto;
margin-right: auto;
margin-top: -15px;
background-color: #ffdead;
}
#header_table {
width: 75%;
border-collapse: collapse;
border: solid 1px;
border-color: #b7b7b7;
}
.header_bar {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_body {
padding: 0px;
margin: 0px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #b7b7b7;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #b7b7b7;
}
</style>
</head>
<body bgcolor="#ffffff">
<table id="header_table" align='center' cellpadding='0' cellspacing='0'>
<tr>
<td class="header_bar" colspan='2'> </td>
</tr>
<tr>
<td align='center' colspan='2'>
<img src="imgi/img11.jpg" height="134" width="461">
<img src="imgi/topimg2.jpg" height="160" width="309">
</td>
</tr>
<tr>
<td class='header_body' valign='top' width="200">
<form action="login.asp" method="post">
<table width="100%" height="100%" align='center' cellpadding="0" cellspacing="0" border="0" >
<tr><td valign="top" class='header_bar' colspan='2'> </td></tr>
<tr>
<!-- SIDE MENU -->
<% If Session("PMMS_IN") = "True" Then '// CHECK IF MEMBER IS LOGGED IN ALREADY %>
<!-- MENU FOR LOGGED MEMBER ONLY -->
<td colspan="2"><br><br>Welcome <i><%'=Session("PMMS_NAME")%></i><br /><br /></td>
</tr><tr>
<td width="15">º</td>
<td><a class="lnk" href="profile.asp">My Profile</a></td>
</tr><tr>
<td width="15">º</td>
<td><a class="lnk" href="_purchase.asp">Purchase</a></td>
</tr><tr>
<td width="15">º</td>
<td><a class="lnk" href="newsletter.asp">Newsletters</a></td>
</tr><tr>
<td width="15">º</td>
<td><a class="lnk" href="members.asp">Member List</a></td>
</tr><tr>
<td width="15">º</td>
<td><a class="lnk" href="members_by_group.asp">Group Member List</a></td>
</tr><tr>
<td width="15">º</td>
<td><a class="lnk" href="file_cate.asp">File Repository</a></td>
</tr><tr>
<td width="15">º</td>
<td><a href="login.asp?logout=True">Log Out</a></td>
</tr>
<!-- [ MENU FOR LOGGED MEMBER ONLY ] -->
<% Else ' IF NOT LOGGED IN THEN SHOW THE LOGIN FORM%>
<!-- INCLUDE LOGIN FORM -->
<br><br><td colspan='2'><br><br>Username:<center><br /><input class="textbox" type="Text" name="username" value="<%=Trim(Request.Cookies("USERNAME"))%>" maxlength="25" size="20" /></td>
</tr><tr>
<td colspan='2'><br>Password:<center><br /><input class="textbox" type="Password" name="password" value="" maxlength="25" size="20" /></td>
</tr><tr>
<td>
<br><input type="Checkbox" name="rem" value="1"<%If NOT Trim(Request.Cookies("USERNAME")) = "" Then%> checked<%End If%> />Save Username<br />
<input style="width: 50%;" type="Submit" value="Login Now" /><br /><br /><a href="reminder.asp">Password Reminder</a>
</td>
</tr>
<tr>
<td>
<br />
<input type="Hidden" name="mode" value="login" /><input type="Hidden" name="ref_page" value="<% If Len(Trim(Request.QueryString("ref_page"))) = 0 Then%><%=Request.ServerVariables("URL") & "?" & Request.QueryString%><%Else%><%=Request.QueryString("ref_page")%><%End If%>" />
<!-- [ INCLUDE LOGIN FORM ] -->
<% End If %>
</td>
</tr>
<tr>
<td>
<br /><br />
<img src="img/linkimg1.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="index.asp"> HOME</a><br /><br>
<img src="img/linkimg3.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> FAQ</a><br /><br>
<% If Session("PMMS_IN") = "True" Then '// CHECK IF MEMBER IS LOGGED IN ALREADY %>
<img src="img/_example/arrow_gray_top_inverse_b.gif" width="15" height="14" alt="" border="0" /><a class="MainMenuLNKExample" href="login.asp?logout=True">LOG OUT</a>
<% Else %>
<img src="img/linkimg2.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> REGISTER</a><br /><br>
<% End If %>
<img src="img/linkimg4.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> TERMS OF USE</a><br /><br>
<img src="img/linkimg5.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> CONTACT US</a><br /><br />
</a>
<!-- [ SIDE MENU ] -->
<br /><br />
</td>
</tr>
</table>
</form>
</td>
<td class='header_body'>
<!-- MAIN PAGE CONTENT -->
Hi guys, When you first launch Livestream's websites (http://www.livestream.com/), a drop down slides down from the top of the window which you can then close. Is this some sort of dynamic HTML? Does anyone know where I can find a tutorial on this?? A I want a drop down with about 10 items. The 10th being "other", if people select "other" a text box appears and people can then write in what "other" means. Any suggestions on the best code for this? Here is the code I have so far: HTML Code: <form id="form1" name="form1" method="post" action="">
<label>How did you hear about us?
<select name="select">
<option selected="selected">Please Select</option>
<option>Search Engine</option>
<option>Friends & Family</option>
<option>Word of Mouth</option>
<option>Newsletter</option>
<option>TV</option>
<option>Newspaper</option>
<option>Magazine</option>
<option>Blog</option>
<option>Other</option>
</select>
</label>
</form>
I am trying to make a form that submits info to Paypal. This is a drop box form that selects one of two things. Depending on the item selected, I want paypal to charge a different amount. Here is code that I thought should work, but apparently I don't know the ins and outs of drop boxes. Could I get some help? <select name="type of service" id="type of service"> <option selected>Select One... <option> I will format the Pix myself <input type="hidden" name="item_name_1" value="format myself"> <input type="hidden" name="amount_1" value="1.00"> </option> <option> You can format the pix for me <input type="hidden" name="item_name_2" value="you format"> <input type="hidden" name="amount_2" value="3.00"> </option> </select> Thanks! I have two pages both have drop down. On the 1st page the user selects an option on the drop down, after the user choose an option it will go to the next page and I want the option showing on drop down on the 2nd page to be the option the user choose on the 1st page example: 1st page option:blue,orange,red so when I pick orange on the 2nd page the drop down will have initial value of orange I hope this is clear Ok, I've managed to get my drop down menu relatively sorted. The final version will have significantly more options, but for editing purposes each only has 2 options right now. With my limited HTML knowledge, I've managed to get all the boxes lined up left, and in the right order and the such, but there are still a few things I would like this menu to do before it is finished, and I have no idea how to do them. Hopefully someone can help This is what I have at the moment: Quote: <html> <body> <div align="left"> <select name="QB"> <option value="QB">Player A - 80</option> <option value="QB">Player B - 65</option> </select> <select name="RB1"> <option value="RB1">Player C - 64</option> <option value="RB1">Player D - 42</option> </select> <select name="RB2"> <option value="RB2">Player C - 64</option> <option value="RB2">Player D - 42</option> </select> <select name="WR1"> <option value="WR1">Player E - 35</option> <option value="WR1">Player F - 32</option> </select> <select name="WR2"> <option value="WR2">Player E - 35</option> <option value="WR2">Player F - 32</option> </select> <select name="TE"> <option value="TE">Player G - 37</option> <option value="TE">Player H - 29</option> </select> <select name="K"> <option value="K">Player I - 20</option> <option value="K">Player J - 18</option> </select> <select name="DST"> <option value="DST">Team A - 35</option> <option value="DST">Team B - 33</option> </select> </div> </body> </html> That does what I want, could be hideously wordy and untidy in the code, idk, but it works lol What I would like instruction on are the folloing steps if possible: 1) I would like a small box to the left of each drop down menu that remains the same. For example, I'd like a box that says "QB" then to the right of it immediately is the QB drop down menu. A bit like <TH> function works on a table I believe? I just have no idea how to put it into the code so it doesn't throw it all over the place 2) Some positions, like the RB and WR, have 2 positions. However, both drop down box player lists will be the same. Is there any way to stop WR1 and WR2 from being the same player? A player can't be used more than once, so is there a way to make sure the player in each box is never the same? 3) As you can see, each player has a value. At the moment, the player and the value are one constant line of text "Player A - 80". What I'd really like is for this to be split, so that a running team unit total can be kept at the bottom. That way a user will be able to see the total unit value of their team, and it will alter as they alter their line up. I'm sure the player value somehow needs to be its own specific bit of code for this to happen, it can't be coupled with a players name, but I've no idea how to do this either. I really hope someone can help me out here, would be of great use to me. All I need are some pointers and I'll try and work my way through it as best I can. Thanks, you guys are great Hi all I am completely stuck as to what to do here. I have a drop down list that I want a different html table to display depending on the option chosen on the drop down list. I know this doesn't make a lot of sense so hopefully this will help... http://www.penzancepokerleague.co.uk/playerstats.html I am working on a contact form but I am having difficulty putting in a drop down menu to input text. Can someone give me a hand. http://coloradorestaurantlist.com/?a...aurants_Submit Thanks Jamie I'm trying to have links in a drop down menu on my site. but they keep getting hidden behind the images? http://www.jesdeis.com I'm using dreamweaver cs5. I've tried using the spry menus, and im currently just using css ul/li menus. I can't figure it out. Thanks in advance! So, I am new to html, but I want my site to have a drop down menu, much like that of IBM's. http://www.ibm.com/us/en/sandbox/ver2/ Is this even possible with HTML? If so, where do I start? Regards, YahtzeeFish I have a database setup however I have about 7 filters to give users easy access to. The filters i generate are in this format PHP Code: <form method='post' action='http://www.piggywig.co.uk/demo/property_list.php'> <input type='hidden' name='FilterAnd[]' value=''> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Tenanted'> <input type='hidden' name='FilterAnd[]' value='or'> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Available'> <input type='hidden' name='FilterAnd[]' value='or'> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Notice Given'> <input type='hidden' name='FilterAnd[]' value='and'> <input type='hidden' name='FilterField[]' value='utils_pat_testing_expires'> <input type='hidden' name='FilterOperator[]' value='<='> <input type='hidden' name='FilterValue[]' value='08/03/2010'> </center><input type='submit' name='submit' value='Show Result'></center> </form> How would I get this and multiple other filters to show on my page just as a drop down , when selected a drop down it will run the filter. Thanks Hi All, A client has asked me to create a drop-down list that will jump to bookmarks WITHIN THE PAGE - does anyone know how to do this? All that I can find online are tutorials with scripts for re-directing to other pages, but this does not need to be that dynamic. My guess is that this will require something along the lines of: Code: <select> <option value="#services">Services</option> <option value="#products">Products</option> </select> Where each option points to a link within the page. This being the case, there should not need to be a submit button either - anyone know how to achieve this? Hello All, I am new to coding and looking to self teach myself with the help of this forum so I can design my own web site. I am looking for the best solution for searching a database. The database will for example contain USA States and Cities with the final result being an item or thing etc. that the search criteria points to. Let's say for example I want to know where all the Dentists are in the State of Maryland. I found this example below and It creates the option to choose a state however how do you make it accept your choice once chosen and go to the next webpage for the next lookup or whatever you decide to have it do next. I guess what I am asking is how do you make a Search or Go button take you to your drop down search criteria. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=unicode"> <meta content="MSHTML 6.00.2900.3429" name="GENERATOR"></head> <body><select name="state" size="1"> <option value="NA" selected="">Select A State</option> <option value="Blank">--------------------</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> </select> </body></html> Thanks for any assistance... I am sure there is a simple answer to this I want to create a drop down bar using images, like the one on this page: http://www.teamtalk.com/ I already have the images which I want to use. I have scoured the internet for how to do it and tried many, many tutorials but I don't understand how to do it. Please help! I have some drop down list tests I am playing with he http://www.my-plague.net/list.php There are a few thing I need help with: 1) If I don't put a "select" url, if go is clicked on I get a server error. I just want it to do nothing. e.g. with the header. 2) If I put a style for a "select" that has no url, then the list reverts to a square more box-like shape. 3) I want to make the go button open the urls in a new window. 4) I don't know what the js code at the end does because it still works without it (found the code in a tutorial) : Code: <script language="JavaScript">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
Hi all Im having some serious problems with my drop down menu on the home page of a site... it hides behind the jquery slideshow?! http://www.silver-worldwide.com/dev/onvu/ Does anyone have any idea how i can fix this issue? It works on every other page!! Thanks in advance! Mat Hey guys, I need help making a drop down menu. I know how to make a basic one, but this is what I need... I want to have 4 drop down menus, with about 4 choices in each one. Under them I need a 'Submit" button. Basically, I need it so that any combination of the 4 choices in the 4 menus will open a specific page. For instance, lets say in menu 1 I pick the word "cat". In menu 2, I pick the word "dog". In menu 3 I pick the word "car". In menu 4 I pick the word "tree". Once I click submit, a page with a picture of a cat, dog, tree and car would open up. (I would provide all the possible different pictures). So how would one do this? Any help is GREATLY appreciated, thanks! Hai everybody.. I want to create a html drop down menu. I created a menu using template toolkit, but i want to create this in html code.Caan anyone help. Pls find here what i done. { title = 'Enterprise Name' type = 'select' dropdown_field = arr_Ent_NameId (This is the array which contains all the data i.e enterprise name. name = 'ent_id' } How can i do this in html. In the select and value button , how can i use this array Hi All, I would like to create a drop down box that contains number 1-50. I know I can do this using the following <option value="1">1</option> <option value="2">2</option> Can someone tell me a method for doing his a better way rather than having 50 option values? p.s is the speaking advert at the bottom of this forum the most annoying thing ever. Does nothing for me as a new site visitors other than make me want to leave. I have turned the sound off now but its real pants. Thanks all Kind Regards wedmonds I need some help rooting out my little bug. I made this site: http://www.hitekrations.com/index.html there's an active ad on the right. I used timelines to slide open the layers on load, then hide the layers and swap the background image behind them. BUT, if the pulldown menu for products is open while the page loads, the swap doesn't go so smoothly (at all). How do I fix this issue?? Ps. feel free to leave any other comments on the site you want. |
|||||||