1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Please Help Me Edit This Html

Discussion in 'Web Design' started by Nuz25, Nov 18, 2010.

  1. Nuz25

    Nuz25 Junior Member

    Joined:
    Aug 20, 2010
    Messages:
    129
    Likes Received:
    100
    Occupation:
    I'm a student
    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.
     
  2. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    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: Nov 18, 2010
  3. rannybo

    rannybo Junior Member

    Joined:
    Jul 7, 2007
    Messages:
    175
    Likes Received:
    54
    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;
    }
     
  4. Hippo

    Hippo Newbie

    Joined:
    Nov 10, 2010
    Messages:
    25
    Likes Received:
    9

    I would assume he's doing that for the SE's since that makes it not able to be seen by an end user.
     
  5. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    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.
     
  6. Nuz25

    Nuz25 Junior Member

    Joined:
    Aug 20, 2010
    Messages:
    129
    Likes Received:
    100
    Occupation:
    I'm a student
    I changed the parameters but it's still showing on the right
     
  7. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    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.
     
    • Thanks Thanks x 1
    Last edited: Nov 18, 2010
  8. altoman

    altoman Newbie

    Joined:
    Oct 16, 2010
    Messages:
    38
    Likes Received:
    1
    Use table with two rows and one column and add flash in first row and like button in second