Jump to content

manojnaanak

Members
  • Posts

    60
  • Joined

  • Last visited

Posts posted by manojnaanak

  1. Please post your relevant offending code.

    I want to create such type drop list http://datanova.co.i.../Untitled-2.jpg I have tried this working only in chrome but it not working in mozila and ie

    link: http://jsfiddle.net/...naanak/A7JCm/1/

    select.selectGradiant {background: url(http://datanova.co.i...ropBackFull.jpg);background-position: 100% 53%, center center;background-repeat: no-repeat;border: 1px solid #BBBBBB;-webkit-appearance: none;-moz-webkit-appearance: none;-khtml-webkit-appearance: none;height: 18px;width: 35px;font-size: 10px;box-shadow: 1px 0px 1px #999;-moz-box-shadow: 1px 0px 1px #999;-webkit-box-shadow: 1px 0px 1px #999;}

  2. I want to create such type drop list http://datanova.co.in/dnitest/test/Untitled-2.jpg I have tried this working only in chrome but it not working in mozila and ie

    link: http://jsfiddle.net/manojnaanak/A7JCm/1/

    select.selectGradiant {background: url(http://datanova.co.in/dnitest/test/dropBackFull.jpg);background-position: 100% 53%, center center;background-repeat: no-repeat;border: 1px solid #BBBBBB;-webkit-appearance: none;-moz-webkit-appearance: none;-khtml-webkit-appearance: none;height: 18px;width: 35px;font-size: 10px;box-shadow: 1px 0px 1px #999;-moz-box-shadow: 1px 0px 1px #999;-webkit-box-shadow: 1px 0px 1px #999;}

  3. Just use the 1 px solid border with css and a light grey background and a border radius then you only need to change the font, padding and the arrow icon.

     

    I have tried this, it is working well in chrome but not in IE and Mozila. So please give any solution.

    background: url(../images/dropBackFull.jpg);  background-position: 100% 53%, center center;  background-repeat: no-repeat;  border: 1px solid #BBBBBB;  -webkit-appearance: none;  -moz-webkit-appearance: none;  -khtml-webkit-appearance: none;  height: 18px;  width: 35px;  font-size: 10px;  box-shadow: 1px 0px 1px #999;  -moz-box-shadow: 1px 0px 1px #999;  -webkit-box-shadow: 1px 0px 1px #999;
  4. You need to look at the length of each value in the list to see if any are very long. Based on your screen shot I see nothing but short names but I also don't see the full dropdown (remaining list). If the length of each value is not the issue then I would look at the css to see if there is a width setting for the <select> tag.
    This is the code.http://jsfiddle.net/manojnaanak/eLXBM/
  5. hello everyone, i want overflow-y :scroll. it is running well in web browser but not in iPhone. so please give me any solution to fix it. thnkx in advance

  6. hello everyone, i want overflow-y :scroll. it is running well in web browser but not in iPhone. so please give me any solution to fix it. thnkx in advance

  7. Hello Everyone, I am attaching a image please see and find out what is this bug. I have point out it with RED ARROW. it is fine in all browsers but in safari not working well. please tell me. thnx in advance :|

    post-104981-0-55271700-1363951115_thumb.gif

  8. .div{background: #3e779d; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #65a9d7, #3e779d); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);}

  9. Hello everyone, I am going to build a site for adventure sport (River Rafting, Trekking, Rippling, Mounting, Rock climbing, Paintball) online booking that will arrange your tour package and hotel. I want to create attractive and modern website design. So please give me list of this type of website or anything else.

  10. hello every one, i am attaching a image open it before seeing my problem, actually i want to highlight image area as red line when i hover mouse right side text or input box that is marked. i hope you must be understand what i want. is this possible with css if not please tell me any js or anything else.

    post-104981-0-86350400-1357644634_thumb.jpg

  11. Hello Everyone, I want to design form with this drop down arrow. how can i design it. There is any JS to create such a design?? please tell me. please see the attached image to understand want i want.

    post-104981-0-06794800-1357198418_thumb.jpg

  12. hello everyone, i am struck in prob with footer div. actully i want a such footer that is fixed at bottom when my page content lesser browser page height and in condition of much content it should go down after page content not fixed at page bottom. i hope u must be understand what i want. :|

  13. try this one...

    <!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><style>.wrapper{ margin:0 auto; width:960px; padding:10px;}.BanDiv{ position:relative; width:500px; height:200px; border:1px solid #999; margin:auto}.SecnDiv{ position:absolute; width:420px; height:40px; border:1px solid #999; bottom:-20px; background-color:#333;left:40px; color:#fff}.content{ width:940px; height:555px; margin:auto; border:1px solid #999}</style></head><body>  <div class="wrapper">  <div class="BanDiv">	    Banner   <div class="SecnDiv">		    Navigation			 </div>	 </div>											 <div class="content">							 your content goes here							  </div></div></body></html>  

×
×
  • Create New...