SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2001
    Location
    UK
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Shaded text box in forms - how?

    Take a look at the text box on this page - how did they get that shadow in it? I think it looks really cool. OK, so it's an image, but how does a form use an image for the text box then???

    http://www.qub.ac.uk/po/

  2. #2
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You will need to define a CSS class for the textbox:

    Code:
    .textbox {
    	background-image: url(filename.gif);
    	background-repeat: no-repeat;
    	border: 1px solid;
    And then put class="textbox" in the <INPUT> tag of the textbox.
    Jeroen Mulder

    w: www.jeroenmulder.com

  3. #3
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is the snippet of their stylesheet that relates to the FORM field:

    .shade {
    background-image: url(input.gif);
    background-repeat: no-repeat;
    border: 1px solid;
    }

    and here's the link to their stylesheet itself:

    http://www.qub.ac.uk/po/style.css
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  4. #4
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ooops, I forgot the closing }

    What creole said should do as well.
    Jeroen Mulder

    w: www.jeroenmulder.com

  5. #5
    SitePoint Enthusiast
    Join Date
    Sep 2001
    Location
    UK
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many thanks!! Didn't know you could do that with an input text box!

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Note that Netscape 4.7 does not support setting an image in a FORM field like that.

    However Mozilla .9.5 does display it so it is likely that Netscape 6 would be able to display it as well.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


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
  •