Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: textfield help

  1. #1
    Join Date
    Apr 2008
    Posts
    104
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default textfield help

    how i can make this text area background fixed? and be exactly like it is now..


  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    HTML Code:
    <textarea style="background:url(path/to/image);">
    	Text Goes Here
    </textarea>

  3. #3
    Join Date
    Apr 2008
    Posts
    104
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    the background still moves its not fixed...

  4. #4
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    http://limpid.nl/lab/css/fixed/

    Do you have a link or some code? The doesn't do anything to explain what you're trying to do.

  5. #5
    Join Date
    Apr 2008
    Posts
    104
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    go there and press Shift Enter in Comment Box. the bg moves up i dun want that..
    Last edited by ff123; 05-13-2008 at 12:07 AM.

  6. #6
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Quote Originally Posted by ff123 View Post
    go there and press Shift Enter in Comment Box. the bg moves up i dun want that..
    Oh you don't? Why not? It gives it a certain flair, don't you think?

    Did you bother to look at the link I posted earlier? Guessing not.

    Anyway...
    Code:
    <textarea style="background-image:url(http://www.calyxlabs.com/blog/text-field-bg-big.gif); background-attachment:fixed;" cols="29" rows="6">Text Goes Here</textarea>
    By the way, why are you using RGB color properties in your CSS? Don't you find them cumbersone?

    Also, your gradient background is too small for that textarea. It's fine in IE6 but not any modern browsers.

  7. #7
    Join Date
    Apr 2008
    Posts
    104
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    woops sorry dude i missed that post.. well i should leave that text area as it is the gradient really messup when i put FIXED.. anyway what u mean by using RGB in CSS? im just using CSS for comment table that i found at DD.

    anyway if you go to and at the bottom there is one Pagination for "Our Latest Works" if i open in IE7 the pagination looks fine but if i open it in Firefox the whole pagination messups.. any solution?
    Last edited by ff123; 05-14-2008 at 09:13 AM.

  8. #8
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Code:
    anyway what u mean by using RGB in CSS?
    Nevermind...I was looking at something else. Don't mind me.


    anyway if you go to www.calyxlabs.com and at the bottom there is one Pagination for "Our Latest Works" if i open in IE7 the pagination looks fine but if i open it in Firefox the whole pagination messups.. any solution?
    For starters, you can validate that page. There are some markup errors that might be causing it. Instead of combing through it, any validator will catch the errors. Secondly, you might want to give your pagination div a width. Currently it's set to 0. Increasing that will at least make it horizontal. Then you can position it with CSS positioning if nothing else.

    But first step would be to validate.

  9. #9
    Join Date
    Apr 2008
    Posts
    104
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    i think this is for the width of pagination in ".css" file.
    Code:
    * html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
    width: 450px; /*IE5 width*/
    w\idth: 450px; /*IE6 width*/
    }

  10. #10
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Quote Originally Posted by ff123 View Post
    i think this is for the width of pagination in ".css" file.
    Code:
    * html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
    width: 450px; /*IE5 width*/
    w\idth: 450px; /*IE6 width*/
    }
    As your comments say, those are IE specific hacks. As you stated, your problem is in Fx, in which you have the width set to 0.

Bookmarks

Posting Permissions

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