Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Nov 2007
    Posts
    680
    Thanks
    319
    Thanked 1 Time in 1 Post

    IE Extra white line on a submit button...

    Hey, Internet Explorer seems to have an extra bottom border at the bottom, how do I remove this?

    No CSS styles seem to be working...

  • #2
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    10,965
    Thanks
    0
    Thanked 236 Times in 233 Posts
    No code?

  • #3
    Regular Coder
    Join Date
    Nov 2007
    Posts
    680
    Thanks
    319
    Thanked 1 Time in 1 Post
    Code:
    <input type="submit" value="Upload" class="tileButton" />
    Code:
    .tileButton {
    	background-color:transparent;
    	color:#FFF;
    	border-style:none none solid none;
    	cursor:pointer;
    	padding:5px;
    	margin:px;
    }

  • #4
    Senior Coder whizard's Avatar
    Join Date
    Jan 2005
    Location
    Philadelphia, PA, USA
    Posts
    1,662
    Thanks
    14
    Thanked 76 Times in 76 Posts
    Perhaps your margin property is causing the line? Hard to tell, would need to see code in context.

    What is this all about?
    Code:
    border:none none solid none
    Just remove the border property all together!
    PHP Tip: If you want to use short tags (<? or <?=$var) then make sure short_open_tag is set to "1". It really helps.

    Don't forget to save everyone time and mark your thread as Resolved :)

    "Also note that it is your responsibility to die() if necessary."

    DON'T USE THE MYSQL_ EXTENSION

  • #5
    New Coder
    Join Date
    Feb 2013
    Location
    Liverpool
    Posts
    68
    Thanks
    1
    Thanked 3 Times in 3 Posts
    When it comes to styling input buttons I usually use:

    Code:
    input[type="submit"] {
    margin: 0;
    padding: 0;
    border: none,
    display: inline-block;
    cursor: pointer;
    }
    And this works great in all the main browsers
    Working for Edge Three Sixty doing Drupal Development

  • #6
    Regular Coder
    Join Date
    Nov 2007
    Posts
    680
    Thanks
    319
    Thanked 1 Time in 1 Post
    I want a border at the bottom only, but there is an additional horizontal line above my actual border, only on the submit button though.

    I read online somewhere that it was something newer versions of IE added.

  • #7
    Regular Coder
    Join Date
    Nov 2007
    Posts
    680
    Thanks
    319
    Thanked 1 Time in 1 Post


  •  

    Posting Permissions

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