Results 1 to 7 of 7

Thread: Changing a standard HTML submit button

  1. Nov 19th, 2002, 05:06 PM #1
    bob323
    bob323 is offline

    Thread Starter
    Addicted Member
    Join Date
    Aug 2000
    Posts
    183

    Changing a standard HTML submit button

    I have a standard HTML submit button and the text it displays is centered inside the button, I want to underline that text, and move it to the left side of the button. Anyone know the property I have to change to make that happen? Any help or an HTML example would be great!
    Reply With Quote Reply With Quote
  2. Nov 19th, 2002, 05:16 PM #2
    Sastraxi
    Sastraxi is offline
    Good Ol' Platypus Sastraxi's Avatar
    Join Date
    Jan 2000
    Location
    Ontario, Canada
    Posts
    5,134
    AFAIK, submit buttons respond to cascading style sheets just as everything else does. You can always use submit type="image" or <IMG onClick="form1.submit();">.
    All contents of the above post that aren't somebody elses are mine, not the property of some media corporation.
    (Just a heads-up)
    Reply With Quote Reply With Quote
  3. Nov 19th, 2002, 05:18 PM #3
    bob323
    bob323 is offline

    Thread Starter
    Addicted Member
    Join Date
    Aug 2000
    Posts
    183
    ok so what property in a style sheet is it to move the text to the left side of the button?
    No I don't want to use an image, just text
    Reply With Quote Reply With Quote
  4. Nov 19th, 2002, 05:23 PM #4
    Sastraxi
    Sastraxi is offline
    Good Ol' Platypus Sastraxi's Avatar
    Join Date
    Jan 2000
    Location
    Ontario, Canada
    Posts
    5,134
    Code:
    STYLE="text-align:left top;"
    (I think this is it).
    All contents of the above post that aren't somebody elses are mine, not the property of some media corporation.
    (Just a heads-up)
    Reply With Quote Reply With Quote
  6. Nov 19th, 2002, 05:26 PM #5
    bob323
    bob323 is offline

    Thread Starter
    Addicted Member
    Join Date
    Aug 2000
    Posts
    183

    Nope

    Nope...



    <head>

    <style type="text/css">
    .NavBarTop {
    BACKGROUND-COLOR:#000000;
    CURSOR: Hand;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    COLOR:#FFFFFF;
    text-align:left top;
    }
    </style>
    </head>

    <p align="left">&nbsp;</p>

    <p align="left"><input name="id" type="submit" submit type="image" value="Laaa Daa Daa" class=NavBarTop> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    Reply With Quote Reply With Quote
  7. Nov 20th, 2002, 04:25 AM #6
    mendhak
    mendhak is offline
    I'm about to be a PowerPoster! mendhak's Avatar
    Join Date
    Feb 2002
    Location
    Ulaan Baator GooGoo: Frog
    Posts
    38,170
    text-decoration: underline;
    Reply With Quote Reply With Quote
  8. Nov 20th, 2002, 06:11 AM #7
    Rick Bull
    Rick Bull is offline
    Frenzied Member Rick Bull's Avatar
    Join Date
    Apr 2002
    Location
    England
    Posts
    1,444
    You have the text-align wrong:

    Code:
      <input type="submit" style="text-align: left; vertical-align: top; text-decoration: underline;">
    http://www.rickbull.co.uk/
    Help get full alpha-transparency in Internet Explorer
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

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

Forum Rules


Click Here to Expand Forum to Full Width