How to do this ?

Discussion in 'HTML & Website Design' started by ishiro, Jan 15, 2009.

0
  1. #1
    ishiro, Jan 15, 2009 IP
  2. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #2
    You can just do something like 
    <div style="float:right;margin:200px 10px 0px 0px;position:absolute;"><img src="ad.jpg" alt="Advertisment"/></div>
    Code (markup):
    directly under your <body> tag.
     
    crath, Jan 15, 2009 IP
  3. Evgeniy

    Evgeniy Member

    Messages:
    164
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    48
    #3
    I like the picture :p
     
    Evgeniy, Jan 15, 2009 IP
  4. ishiro

    ishiro Active Member

    Messages:
    661
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thanks Crath but this is what i got:

     
    ishiro, Jan 16, 2009 IP
  5. mapAffiliation

    mapAffiliation Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You can do this the most primiotive way simply by using table with 2 columns.
    It will work in any browser for sure
     
    mapAffiliation, Jan 16, 2009 IP
  6. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #6
    oops, should have done relative

    <div style="float:right;margin:200px 10px 0px 0px;position:relative;"><img src="ad.jpg" alt="Advertisment"/></div>
    Code (markup):
     
    crath, Jan 16, 2009 IP
  7. ishiro

    ishiro Active Member

    Messages:
    661
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    60
    #7
    Thanks a lot crath, will this work on all Screen Resolutions?
     
    ishiro, Jan 16, 2009 IP
  8. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #8
    yeah, it will always be "200px" down from the top and "10px" from the right side of the screen. you can change both of those numbers in the code. Just resize your browser window to see it staying on the right side
     
    crath, Jan 16, 2009 IP