CSS GURU - please help - look at this code and tell me how to do this on my website.

Discussion in 'BlackHat Lounge' started by tony-raymondo, Oct 20, 2011.

  1. tony-raymondo

    tony-raymondo Junior Member

    Joined:
    Jun 19, 2009
    Messages:
    181
    Likes Received:
    459
    I am going out of my mind...

    :dot:

    This has turned out to be a lot more complicated than I though... as usual...

    This is what I want to do.

    1. here is my cousin's website http://goo.gl/tZv7o

    2. i have this image: http://goo.gl/Pmqam

    3: I just want to place the image like this: http://goo.gl/JQuPo

    = = = =

    There are various ways to do this...

    The obvious way is to use a fixed div, and put the arrow to the right of the LEFT value of the TWITTER box. This works. BUT, if the user resizes the web browser, then everything is ruined -- because the GIF might then cover the content.

    Suggest a better way???

    THANK YOUUUUUUUUUUUU
     
  2. iMechanic

    iMechanic Jr. VIP Jr. VIP

    Joined:
    Apr 23, 2010
    Messages:
    1,026
    Likes Received:
    212
    Gender:
    Male
    Occupation:
    Coder
    Location:
    127.0.0.1
    I am not a good coder but sometime Firebug help me.You may try this
    Code:
    <div style="float: right; margin-right: -195px; position: relative; margin-top: -1400px;"><img src="http://i1121.photobucket.com/albums/l508/tmanran123/get-social.gif" alt="Mustard Head Wrap"></div>
    Put those code before
    Code:
    <div id="div_footer">
     
    • Thanks Thanks x 1
  3. Cnotey

    Cnotey Power Member

    Joined:
    Jun 25, 2010
    Messages:
    723
    Likes Received:
    933
    Location:
    Seattle
    Home Page:
    This is what happens when you mix tables with true CSS. Typically I only use CSS, and then my wrapper div has it's margins set to auto. This way, whatever I throw into my wrapper will fit.

    margin:auto;
     
    • Thanks Thanks x 1
  4. tony-raymondo

    tony-raymondo Junior Member

    Joined:
    Jun 19, 2009
    Messages:
    181
    Likes Received:
    459
    hmm i think that works...

    i dont really need TOP

    making a negative RIGHT margin seems to cast the div to the top right....

    i think that might do it...

    thanks!
     
    Last edited: Oct 20, 2011