CodingForums.com - text field is not working?

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - text field is not working? (http://www.codingforums.com/showthread.php?t=284905)

bm1125

12-27-2012 03:29 PM

text field is not working?

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:

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:

Code:

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

any ideas? :)

Thanks!

abduraooft

12-28-2012 08:32 AM

Quote:

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

What is "not working"?

bm1125

12-28-2012 10:05 AM

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

abduraooft

12-28-2012 12:16 PM

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

bm1125

12-28-2012 01:09 PM

hey abduraooft

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

here's link.

abduraooft

12-28-2012 02:28 PM

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

bm1125

12-28-2012 02:37 PM

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

12-29-2012 09:17 AM

Quote:

Code:

<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

12-29-2012 11:00 AM

aight.. thakns much !! :)

All times are GMT +1. The time now is 01:33 PM.