Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Dec 2012
    Posts
    18
    Thanks
    13
    Thanked 0 Times in 0 Posts

    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!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I try it on my mobile (tried blackberry & iphone) it doesn't seems to be working.
    What is "not working"?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Dec 2012
    Posts
    18
    Thanks
    13
    Thanked 0 Times in 0 Posts
    meaning I can see the text field but can not type anything. like it's disabled.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    May be something getting overlayed on it when you view on those devices. Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Dec 2012
    Posts
    18
    Thanks
    13
    Thanked 0 Times in 0 Posts
    hey abduraooft

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

    here's link.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Remove position:absolute from #job_search and also padding-top: from #main
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    bm1125 (12-28-2012)

  • #7
    New Coder
    Join Date
    Dec 2012
    Posts
    18
    Thanks
    13
    Thanked 0 Times in 0 Posts
    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;}

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    bm1125 (12-29-2012)

  • #9
    New Coder
    Join Date
    Dec 2012
    Posts
    18
    Thanks
    13
    Thanked 0 Times in 0 Posts
    aight.. thakns much !!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •