Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9

Thread: Form Effects

  1. #1
    Bic
    Bic is offline
    Junior Member Bic's Avatar
    Join Date
    Oct 2003
    Posts
    28
    Member #
    3513
    <input type="submit" class="button" value="Login" style="border: #000000 1px dotted; color: #000000; font: 9px Verdana; background-color: #FFFFFF;">

    I just want it to be a dotted border, but theirs like some kind of shadow what do i do?
    BOXWARE.NET Productions - Tomorrow's not promised, so lookout for the rampaging beer cans.

  2.  

  3. #2
    Junior Member
    Join Date
    Oct 2003
    Location
    New York
    Posts
    13
    Member #
    3580
    I tried this out and I see what you are saying abou the shadow. It seems that this is only happening when something in that form is selected. For example, I made two forms. form1 and form2. form1 has an image by the name of "test", and form2 has your code in it. The only difference is that when I made it so that the Login button gets focus, it sets the focus to the image. That probobly didn't make sence the way it was supposed to, so take a look at the code instead of my response.

    Code:
    <form name="form1">
      <img name="test">
    </form>
    
    <form name="form2">
      <input onFocus="document.form1.test.focus()" type="submit" class="button" 
            value="Login" style="border: #000000 1px dotted; color: #000000; 
            font: 9px Verdana; background-color: #FFFFFF;">
    </form>

    I made a temporary example that you can see here

    I havn't given this a try in Netscape, but it works for me in IE6.

    ____________________
    ViewTopia Web Hosting
    Coming Soon!
    ViewTopia Web Hosting
    Coming Soon!

  4. #3
    Bic
    Bic is offline
    Junior Member Bic's Avatar
    Join Date
    Oct 2003
    Posts
    28
    Member #
    3513
    If that works then why wont mine
    Code:
    <form action="blah.cgi" method="post" name="loginform"><font face="verdana" size ="1">
    News Login:</font>
    <input type="hidden" name="login" value="login">
    <input type="text" class="textinput" name="name" style="width: 100px; color: #460046; 
            font: 9px Verdana; background-color: #FFFFFF; border-width: 1; border-color: #000000; 
            border-style: solid;">
    <input type="password" class="textinput" name="password" style="width: 100px; 
            color: #460046; font: 9px Verdana; background-color: #FFFFFF; border-width: 1; 
            border-color: #000000; border-style: solid;">
    <input onfocus="document.loginform.password.focus()" type="submit" class="button" 
            value="Login" style="border: #000000 1px dotted; color: #000000; font: 9px Verdana;
            background-color: #FFFFFF;">
    </form>
    BOXWARE.NET Productions - Tomorrow's not promised, so lookout for the rampaging beer cans.

  5. #4
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    Just so you all know, I only edited the above posts to make them easier to read.
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  6. #5
    Junior Member
    Join Date
    Oct 2003
    Location
    New York
    Posts
    13
    Member #
    3580
    The reason why it was not working for you is because you only have one form. The trick was to put another form before it (so that one gets focused by default). Here is "modified" code.

    Code:
    <form name="ignore">
            <img name="imgfocus" src="images/spacer.gif width="1" height="1" />
    </form>
    
    
    <form action="blah.cgi" method="post" name="loginform"><font face="verdana" size ="1">
    News Login:</font>
    <input type="hidden" name="login" value="login">
    <input type="text" class="textinput" name="name" style="width: 100px; color: #460046;
            font: 9px Verdana; background-color: #FFFFFF; border-width: 1; border-color: #000000;
            border-style: solid;">
    <input type="password" class="textinput" name="password" style="width: 100px;
            color: #460046; font: 9px Verdana; background-color: #FFFFFF; border-width: 1;
            border-color: #000000; border-style: solid;">
    <input onfocus="document.ignore.imgfocus.focus()" type="submit" class="button"
            value="Login" style="border: #000000 1px dotted; color: #000000; font: 9px Verdana;
            background-color: #FFFFFF;">
    </form>
    the only problem that I can see now, is that when you click on anything in your loginform, the shadow comes back. I would hate to say it, but this may be easier to do with an image instead of a button.
    ViewTopia Web Hosting
    Coming Soon!

  7. #6
    Member bahnstormer's Avatar
    Join Date
    Oct 2003
    Location
    New Jersey USA
    Posts
    80
    Member #
    3575
    there's a way to disable the box that IE puts around onFocus form items....can't remeber it though =[

  8. #7
    Bic
    Bic is offline
    Junior Member Bic's Avatar
    Join Date
    Oct 2003
    Posts
    28
    Member #
    3513
    lol damnit, it it border-shadow?
    BOXWARE.NET Productions - Tomorrow's not promised, so lookout for the rampaging beer cans.

  9. #8

  10. #9
    Bic
    Bic is offline
    Junior Member Bic's Avatar
    Join Date
    Oct 2003
    Posts
    28
    Member #
    3513
    bahnstormer thats for links silly =x
    BOXWARE.NET Productions - Tomorrow's not promised, so lookout for the rampaging beer cans.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:42 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com