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 6 of 6
  1. #1
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post

    Possible to remove inset border on iFrames??

    Only seems to be a problem in IE8 and below but it looks like an inset border has been applied to both my facebook plugin and another iframe for my contact form. Could someone advise me of a solution to remove this?

    CSS is:-
    Code:
    #fblike{float:right; width:100px;}
    .fbstyle{border:none; border-style:none; overflow:hidden; width:100px; height:21px;}
    HTML is:-
    Code:
    <div id="fblike">
                	<iframe style="scrolling=no allowTransparency=true" class="fbstyle" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FCharlyAndersonFreelanceWebDesigner&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font=tahoma&amp;colorscheme=light&amp;action=like&amp;height=21" ></iframe>
    	</div>

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Your style attribute is incorrect within the iframe: scrolling and allowTransparency are attributes of an iframe.

    Code:
    <iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no" allowTransparency="true"></iframe>
    You can then tweak it a little with css.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • Users who have thanked AndrewGSW for this post:

    charlyanderson (01-04-2013)

  • #3
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    Can anyone show me how to tweak it as Im not sure how to

  • #4
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Quote Originally Posted by charlyanderson View Post
    Can anyone show me how to tweak it as Im not sure how to
    What do you want to tweak? It would help a lot if you could provide a link to the live page. Even a screenshot might give us a clue.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #5
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    hi, thanks for your reply. My facebook plugin which is in an iFrame has a border, it looks like a bevel border and I dont know how to remove it

  • #6
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Quote Originally Posted by charlyanderson View Post
    hi, thanks for your reply. My facebook plugin which is in an iFrame has a border, it looks like a bevel border and I dont know how to remove it
    Without more code or a link to a page....
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS


  •  

    Posting Permissions

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