float gif over png

  • i have a png logo in the header of the the page.

    I have a small gif, i want to put this gif on top of the png.

    not above, but float over it like as if it was another layer.

    im using a modified piano black theme.

    i dont even know where to start. someone get me on the right track and i can figure the rest out

    thanks for your help guys.

Viewing 7 replies - 16 through 22 (of 22 total)
  • Thread Starter mrhodesit

    (@mrhodesit)

    i was wrong i didnt get it.

    now the image is where i want it, when its full screen.

    when i change the size of the browser window it moves.

    how can i anchor it to the image i want it to hover over?

    or is there another way other than an anchor technique. someone email me please so we can corispond in real time i will put the fix on the forum after we get it figured out.

    [email protected]

    without a link – just talking theory:

    to position an element 1 absolute in relation to another element 2, this other element 2 needs to have ‘position:relative;’ in its style.

    you could help by posting the code where the image is, plus/minus 5 lines before and after.

    Thread Starter mrhodesit

    (@mrhodesit)

    ok so its this now
    ‘<IMG STYLE=”position:absolute; TOP:35px; LEFT:170px; WIDTH:50px; HEIGHT:50px” SRC=”circle.gif”>’

    when i change it this the word absolute to fixed/relative and so on i can make it stay in one place but i am no longer able to posistion it to where i want it.

    what is the div before that?

    something like <div id="header"> or what?

    could you plaese post a few lines of code before the last posted snippet? so someone can see your image in relation to the surrounding div.

    Thread Starter mrhodesit

    (@mrhodesit)

    ok i replaced absolute with relative and it works like i want. i believe it is resolved now

    Thread Starter mrhodesit

    (@mrhodesit)

    yeah its right below <div id=”header”>

    now can i get some help doing the same thing with text. not a picture of text but a link.

    i need to have text and the image i have been playing with to be a clickable link. the destination of the link is going to be the same for the pic and the text.

    and after that i need to make some regular text i need to float over the footer image.

    and different text i need to float over the the top of the content right below the header image.

    Thread Starter mrhodesit

    (@mrhodesit)

    ok i put this

    <div id="test" style="position:relative; TOP:30px; LEFT:663px; WIDTH:230px; HEIGHT:200px"><div id="testtext">Superimposed Text</div></div>

    in the header.php

    now i have text i can move around, and because the position is relative. it stays where i want it. now i have to work on the font and making the pic and text a link.

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘float gif over png’ is closed to new replies.