text field is not working?

[bm1125]

hey peeps,

I'm new with all css 3.0 and just trying to figure out how to use it.

I have a problem with a text field. the text fields works perfect if running on web browse, but if I try it on my mobile (tried blackberry & iphone) it doesn't seems to be working.

This is the code:

	
.field { font-family:Trebuchet MS; Font-size:28px;width:120px;height:30px;padding-bottom:10px; }
.button { font-size:22px;border:1px solid;height:46px;background-color:#0066cc;color:#fff;margin-bottom:15px; }

button:

<input type="text" class="field"/>

any ideas?

Thanks!

[abduraooft]

I try it on my mobile (tried blackberry & iphone) it doesn't seems to be working.

What is "not working"?

[bm1125]

meaning I can see the text field but can not type anything. like it's disabled.

[abduraooft]

May be something getting overlayed on it when you view on those devices. Can we have a link to your page?

[bm1125]

hey abduraooft

actualy i found it is not working on web broswers too..

here's link.

[abduraooft]

Remove position:absolute from #job_search and also padding-top: from #main

[bm1125]

awesome... thanks!!

another question if you don't mind at the bottom of the page , the articles section, i tried to remove the links underline and change background color using a:hover but without any success. mind take a look?

#article_button { margin:0 auto;background-color:#eeeeee;padding:5px 15px 15px;margin-top:4px;text-decoration:none; }
#article_button a:hover { background-color: #ffffff;margin:0 auto;}
#article_button a:visited {font-size: 100%;display: block;color: #FFFFFF;text-decoration: none;}

[abduraooft]

<a href=""><p id="article_button">
		..........
		</p></a>

You have got some errors in your markup, as you can't nest a block level element like <p> inside an inline element like <a>. You'd need to reverse that nesting and try again.

[bm1125]

aight.. thakns much !!