css ? adobe fireworks

Discussion in 'HTML & Website Design' started by justin8831, Oct 24, 2015.

  1. #1
    i know how to make a custom search box in adobe fireworks now I need to know how to code it into my website .... you know like how the facebook sign up page has the text inside the field and it goes away after you type one letter that's what I'm trying to do
     
    Solved! View solution.
    justin8831, Oct 24, 2015 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    That is called a placeholder, and it's html, not css.
     
    <label for="search">Find what you're looking for:</label>
    <input type="text" name="search" id="search" placeholder="Type what you want to find here">
    
    Code (markup):
     
    PoPSiCLe, Oct 24, 2015 IP
  3. justin8831

    justin8831 Member

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #3
    so I can use that as my login?? I was trying to do the toggle like the box its self say username then when u type a letter the text goes away and they type they name
    I can read code but writing is a different story
     
    justin8831, Oct 24, 2015 IP
  4. #4
    Yes, that's a placeholder. However, a placeholder is not a replacement for a label. Putting "username" as a placeholder is not the right use of a placeholder.
     
    PoPSiCLe, Oct 24, 2015 IP
    deathshadow likes this.
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    What I was just about to go into a big long diatribe about -- that might appeal to the artsy fartsy types dicking around in a paint program, but it has no damned place on a website if you care about accessibility. Hence why you should have a LABEL and NOT pull the stupid hide/show artsy fartsy bull. You've got an entire screen to play with, if you can't make room for a label there's something WRONG.

    Placeholder (or it's scripttard equivalent) fall squarely into "false simplicity" for a reason, specifically "Loss of context":
    http://baymard.com/blog/false-simplicity

    Of course you're goofing around in Fireworks under the delusion it has anything to do with web design or development, so you've hobbled yourself horribly before you've even laid down a single line of code. I would suggest learning HTML, learning CSS, and like most Adobe products make microwave art out of it's DVD's and use the manuals to help get the kindling started in the wood stove.

    Pretty much if you are screwing around drawing pretty pictures before you even have working semantic markup and a proper working CSS layout, you've put the cart before the horse and are dooming yourself to failure; no matter how many artsy fartsy types who dick around in Fireworks, Photoshop or Illustrator are under the delusion that any of that has jack-all to do with "design".
     
    deathshadow, Oct 25, 2015 IP
  6. justin8831

    justin8831 Member

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #6
    I like you lol I'm going to keep it simple and evolve it after I have it functioning
     
    justin8831, Oct 25, 2015 IP
  7. justin8831

    justin8831 Member

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #7
    .
     
    justin8831, Oct 29, 2015 IP