-
Posts
60 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by manojnaanak
-
-
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;}
-
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;
-
-
hello Everyone,
-webkit-appearance this is not working in mozila
-
-
This is the code.http://jsfiddle.net/manojnaanak/eLXBM/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. -
Hello Everyone,I have issue with drop down list my list is going out of div. there is any css trick or something else to sort it out.click this link http://datanova.co.in/dnitest/test/w.gif
-
I can implement and customize little bit , i don't know more about js.Your image link doesn't work. How much Javascript do you know? -
Hello Everyone, i want such a parent link on which i click it add another child link under itself if there is any script plz provide me. image link for better understand: http://datanova.co.in/dnitest/test/edit.gif thanking you very much
-
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
-
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
-
-
ok...and thnx
-
CSS3 linear
in CSS
.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%);}
-
hello every one, please tell me how to use role="navigation" and what is the benefit of it. thnx in advance
-
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.
-
hover change
in CSS
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.
-
Form
in HTML/XHTML
thnx...dsonesuk
-
try this... <meta http-equiv="refresh" content="5; URL=http://www.google.com">
- 1
-
Form
in HTML/XHTML
-
try this...
.div{background: url(one.jpeg) 600px 10px no-repeat, url(two.jpeg) 10px 10px no-repeat;}
-
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. :|
-
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>
-
hello frnds, inset shadow in input not working in ie9 any tricks to run it....
-webkit-appearance
in CSS
Posted
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;}