Is it posible to completely remove iframe border?

HTML & CSS
1

One more post from me, last problem I can’t fix… But maybe it’s not fixable.

I have div box, in which I’m putting iframe with facebook like box, here’s screen:

As you can see, there are ugly iframe borders, which I liked to get rid… My iframe html code:

<iframe src="http://www.facebook.com/plugins/likebox.php?id=159967577446528&amp;width=184&amp;height=225&amp;colorscheme=dark&amp;connections=3&amp;stream=false&amp;header=false" scrolling="no" class="freimas" frameborder="0" allowTransparency="true"></iframe>

Here’s “freimas” css part:

.freimas {
	border: none;
	margin-top: 50px;
	width:184px;
	height:225px;
}

I have tried to change “border: none;” in freimas css to border: 0px solid #000000; but it didin’t helped me. Maybe I’m trying to do imposible thing?

2

I’m very sory, somehow when I just did post here, the solution came to me :smiley: It’s not iframe border it’s facebook like box border, which you can remove by adding &border_color=%23000000 to the iframe scr url.

3

Glad to know you got it sorted, SlimDog, and thanks for posting the solution. No doubt it will help someone, somewhere, sometime. :slight_smile:

4

Hi,

I think im having the same problem however your solution didnt work for me - or maybe im putting it in the wrong spot?

Heres what i have:
<p><iframe align=“top” allowtransparency=“true” frameborder=“0” height=“300” margin=“0” scrolling=“no” src=“//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flithgowfitness&%20width=400&%20height=300&%20colorscheme=dark&%20show_faces=true&%20force_wall=true;%20border_color&%20stream=true&%20header=false” width=“400”></iframe></p>

And i tried this:
<p><iframe align=“top” allowtransparency=“true” frameborder=“0” height=“300” margin=“0” scrolling=“no” src=“//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flithgowfitness&%20width=400&%20height=300&%20colorscheme=dark&%20show_faces=true&%20force_wall=true;%20border_color=%23000000&%20stream=true&%20header=false” width=“400”></iframe></p>

But it didnt work. The site is http://www.digitalwisdomhosting.com.au/lithgowfitness (in footer)

This is driving me nuts!!! Any ideas?

Thanks in advance

5

maree_DW, what look do you actually want?