Please Help Me Edit This Html

Nuz25

Junior Member
Joined
Aug 20, 2010
Messages
129
Reaction score
100
I putted a like box on my website;

http://www.MartinLaprisePhotographe.com/

If you go to my homepage you'll notice that the button is to the right, I want it to go nicely under the rest of the page, open the source code and see if I could add anything, I guess it's pretty easy but I have no clue.

The code for the button is at the end of the source code between the <iframe> tags.

Thanks a lot to whoever finds how to fix this.
 
The iframe is already centered at the bottom of the page, it's just a lot wider than it needs to be. You just need to make the iframe as small as possible without affecting the contents.

Go to the iframe code at the bottom of the body. You'll find width=450 twice in the iframe code, change both widths to 175. This should do what you want.

edit-
If you want you could also have just the like button only, without the "x people like this" next to it. Just make the iframe wide enough for the like button only, width=54 will make it be centered all by itself.
 
Last edited:
If I was you I would play with my style.css. I'm not really understanding why you need a top of -10000px.

The following is in your style sheet.


h1.toptitle {
position:absolute;
top:-10000px;
}
 
If I was you I would play with my style.css. I'm not really understanding why you need a top of -10000px.

The following is in your style sheet.


h1.toptitle {
position:absolute;
top:-10000px;
}


I would assume he's doing that for the SE's since that makes it not able to be seen by an end user.
 
If I was you I would play with my style.css. I'm not really understanding why you need a top of -10000px.

It looks like he's moving text content out of the viewable area of the page. He has a flash based weppage so he's probably trying to give the SE content to index from, but hide that text from the real visitors.
 
The iframe is already centered at the bottom of the page, it's just a lot wider than it needs to be. You just need to make the iframe as small as possible without affecting the contents.

Go to the iframe code at the bottom of the body. You'll find width=450 twice in the iframe code, change both widths to 175. This should do what you want.

edit-
If you want you could also have just the like button only, without the "x people like this" next to it. Just make the iframe wide enough for the like button only, width=54 will make it be centered all by itself.

I changed the parameters but it's still showing on the right
 
I changed the parameters but it's still showing on the right
I just looked and it's centered for me.


edit-
OK, I see what your talking about now. If the page is wide enough the button is next to the flashplayer. My browser wasn't opened that wide so the button was just dropping to the next line anyway.

To fix this just put the iframe between some paragraph tags.
Code:
</object></noscript>

[COLOR="Yellow"]<p align="center">[/COLOR]
<iframe src="http://www.facebook.com/plugins/like.php? .....width=[COLOR="Yellow"]175[/COLOR].....
..........width=[COLOR="Yellow"]175[/COLOR]........................ </iframe>
[COLOR="Yellow"]</p>[/COLOR]
</body>
</html>
Change the parts in yellow and the button will always drop below the photo album and center on the page. That should solve the problem for you.
 
Last edited:
Use table with two rows and one column and add flash in first row and like button in second
 
Back
Top