|
HTML - How To Reduce The Weight Of A Combo Box
i have used a combo box in a form
in that form i have placed a text field just above the combo box.when the text box is focused the system displays some results regarding to that text field.now when that result is displayed it is displayed over the combo box. now the problem is that when the result is displayed the combo box is not hiding.its coming over the results and thereby hiding the results. can anyone help to reduce the heavy weight component(combo box) into a lower one...... Similar TutorialsHey, I have been creating websites for some tiem and usually when adding font styles i assigned font-weight:normal; in the CSS which in previous versions of Firefox and IE has lead the text to look exactly the same. Now with IE 7 and Firefox 3 i am noticing differences in my font-weight using my same technique so i researched it a little and found font-weight no longer acts correctly in Firefox 3. Is there a work around for this to get fonts looking the same? Normal content text is not the problem really. When i create Headings though with font size of say 26px it appears to be really heavy and i want to set font weight to normal or lighter to make it thinner but it doesn't work. I hope there is a work around as i don't want to go back to the stone age and have to use images for text to get sites cross browser friendly. Any advice? Here's some existing old school code that I will be converting to CSS, but first wanted to get it right. I Will probably leave the line-through attribute as in-line style. I am unable to increase the weight of the line-through. I have tried several different ways, but none seem to work. I have successfully changed the line-through color, but that's about it. <td align="center" class="fon003" > <p> Retail Price <span style='color:#F75F04; font-weight:bold;text-decoration:line-through'> <span style='color:black'>$134.99 </span> </span> - Check our Price </p> </td> ????????? Thanks, Dorian i devlope one html page which is working fine in ff but not in ie6, because of height of 1px column is much larger than ff column.. so how can i reduce height of 1px column in ie6. Hi all, I have an HTML SELECT on my page, the default size with which it shows fields in the drop down is too large for my page. Do you know a way for me to make the text in the drop down fields smaller? Is there a good css I can use as the style? Thanks, Jehan www.ssties.com/product.html I have fought with this all weekend and cannot find the offending piece of code. I want each of the product rows to be about 20 pixels high, just enough to fit the image graphic and text without additional blank space in the cell. For some reason I cannot seem to shrink these table cells beyond 45 points. Also, this site is a WIP, so I realize there will likely be other errors. But this is the one that has me stumped. Thanks Hi guys, I'm currently trying to sort out the background for a website. What I'd like is to have a silhouette of a few people on a gradient background. I'd like to keep the quality high, but it also makes the file size large. If there were no silhouette then I would have a one pixel strip of the gradient set to repeat. Is it possible to add two background pictures, or is there another way I can reduce the file size that I hadn't thought of? hi, i am using combo box feature of HTML in my form i want to retrieve the data from my supplier database and show the names of supplier in one combo box. (so that user can select whichever supplier he wants) i used following code <select name=menu><option value=1>"+here is code for retrieving from supplier database+"</option></select> I am getting the results, but each supplier name is displayed in seperate combo box Can any one help me? thanks Can anyone please help.i am trying to create a sign up page for our golf society.What I am hoping i can do is to have a combbox with members names and a submit button to confirm if they are playing. When they press submit buton i would like an email to be automatically sent to me and a list compiledon the site or numbers of players signed up.If this is posible I would be gratefulof your help HTML Code: <select NAME="Number" onchange="frmDisplay.submit()">
<option VALUE="One">One - 1</option>
<option VALUE="Two">Two - 2</option>
</select>
I don have any default value, I want my selection to show on the combo box only. For example, the default value now might be One-1, then when I select "Two-2", the page will be submitted. So, the page refresh, and I want the combo box shows "Two-2", instead of One-1, in the combo box. Can someone help me on that? Thank you Hi friends, In my form I am using combo box(select control). I want to call a javascript function when i select a OPTION from the box. onChange=\"javascript:pricecodes(this.form,"+db.getLineItemNo()+"); When i select one option it is working fine. The problem is... In my combo box i have three option A,R,M. At the form load time combo box displays the option A.So if i want to select A then i have to go to some other option either R or M and then come back and select A, then only the javascript function pricecodes is invoked. What i want is If A is displayed in combo box at the loading of form, if i click A then the function should invoke(I used on click event too, In that case when ever i click the combo box funtion is invoking) Please help me Regards A simple problem when I populate my combo using javascript my combo size changes (Problem is only on) Ie works ok in ff. My code is <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>123</title> <script type="text/javascript"> function test(){ var listFileClass = document.getElementById('listFileClass'); alert("listFileClass ="+listFileClass); for (var loop = 0; loop < 6; loop=loop+1) { var newDomainValueOption = document.createElement('option'); newDomainValueOption.setAttribute("value",loop); newDomainValueOption.appendChild (document.createTextNode(loop)); listFileClass.appendChild(newDomainValueOption); } } </script> </head> <body> <table> <tr> <td width="100%"> <select style="width:100%" name="listFileClass" id="listFileClass"> </select> </td> <td> <input type="button" value="test" onclick="test();"> </td> </tr> </table> </body> </html> Hi all, i m using following code to display suppliers name in 1 combo box "<select name=menu> <option value=1> "+@DbColumn("":"NoCache";"":"databasename";"viewname";2)+" </option> </select>"; but, instead of showing in 1 combo box it is shows seperate combo for each supplier I am using domino database and my coding is on both client and web. Please help Thanks HTML code below shows a form with 5 fields. 1 field is already setup as a combo box. I would like to change the other 4 fields to combo boxes. I tried with no success. Can someone please help and change the 4 fields to combo box's to the below code? <style type="text/css"> #IDX-quickSearchForm { position: relative; height: 110px; width: 350px; } #QS-minPriceField { position: absolute; width: 100px; height: 12px; left: 92px; top: 9px; font-size: 10px; font-family: Arial; } #QS-maxPriceField { position: absolute; width: 100px; height: 12px; left: 92px; top: 29px; font-size: 10px; font-family: Arial; } #QS-minRoomsField { position: absolute; width: 50px; height: 12px; left: 272px; top: 29px; font-size: 10px; font-family: Arial; } #QS-minBathsField { position: absolute; width: 50px; height: 12px; left: 272px; top: 9px; font-size: 10px; font-family: Arial; } #QS-labelMinPrice { text-align: left; position: absolute; width: 85px; height: 22px; left: 20px; top: 10px; font-size: 10px; font-family: Arial; } #QS-labelMinRooms { text-align: left; position: absolute; width: 50px; height: 22px; left: 229px; top: 30px; font-size: 10px; font-family: Arial; } #QS-labelMinBaths { text-align: left; position: absolute; width: 50px; height: 22px; left: 229px; top: 10px; font-size: 10px; font-family: Arial; } #QS-labelCityList { text-align: left; position: absolute; width: 100px; height: 22px; left: 20px; top: 51px; font-size: 10px; font-family: Arial; } #QS-buttonSearch { position: absolute; width: 60px; height: 22px; left: 269px; top: 50px; font-size: 10px; font-family: Arial; } #QS-selectCityList { position: absolute; width: 105px; height: 17px; left: 92px; top: 49px; font-size: 10px; font-family: Arial; } #backLink {position:absolute; top:110px;} </style> <div id="IDX-quickSearchForm"> <form action="http://www.blablabla.com/form.php" method="get"> <input type="text" name="lp" id="QS-minPriceField" value="Min"> <input type="text" name="hp" id="QS-maxPriceField" value="Max"> <input type="text" name="bd" id="QS-minRoomsField" value="1"> <input type="text" name="ba" id="QS-minBathsField" value="1"> <div id="QS-labelMinPrice"<span style="color:#E5B65A;">Select Price:</div> <div id="QS-labelMinRooms"<span style="color:#E5B65A;">Rooms:</div> <div id="QS-labelMinBaths"<span style="color:#E5B65A;">Baths:</div> <div id="QS-labelCityList"<span style="color:#E5B65A;">Select Town:</div> <input id="QS-buttonSearch" type="submit" name="searchSubmit" value="Search" /> <select id="QS-selectCityList" name="city[]" value="Search" > <option value="487">Albertson</option> <option value="1017">Amagansett</option> <option value="1115">Amity Harbor</option> <option value="1116">Amityville</option> <option value="1410">Aquebogue</option> </select> </form> </div> Hello, I am facing a weird problem in IE which is not happening with other browsers. Open the following website: http://www.clinicasdefertilidadenlima.pe/ You will see 3 combo boxes on this page displaying "Lima". Click on any combo and select any other value like Lima or Arequipa. Page will refresh but now combo will not show selected value which should always be "Lima" (I have hard coded it) If you take a look at the HTML source then it's a simple combo box and I have even defined selected="selected" for "Lima" value but in IE it only displays selected value when you open home page. After that it doesn't show value when you select value from combo box. I am using IE9. Here is the combo box I am talking about: HTML Code: <select id="city_id" name="city_id" class="f2_city" onchange="redirect(this.form)"> <option value="" selected="selected">LIMA</option> <option value="LIMA">LIMA</option> <option value="Arequipa">Arequipa</option> </select> Thanks I want to add a total of 10 forms to the same page but can only get the "Double Combo" box vehicle "Make and Modle" to work in "Ad 1". (see page link below) What am I missing or what do I need to do? Please view script form here >> http://www.netrixllc.net/clpublisher/create-ads.html I would appreciate any help... Thank you~ |
|||||||