« Web, HTML, Tech Forum

Help Putting a Gif in the Corner of My Profile

Soriyah ⋆──⃝─⃝⃝⃝⃝──⋆'s profile picture

Posted by Soriyah ⋆──⃝─⃝⃝⃝⃝──⋆

posted

Forum: Web, HTML, Tech

View Topics View Profile

Okay so ive been trying to put a gif in the corner of my profile, but whenever i try using code i find in the layout section, it always ends up putting it in my profile comment section instead of the very left. This is the code i have on my profile right now; could someone please point out whats wrong?

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">

<img src="http://i739.photobucket.com/albums/xx31/pixelpeach/purple/5xhp3c9.gif" height="270"/></div>

<style></style>




Report Topic

1 Reply

OxeeCleen's profile picture

Reply by OxeeCleen

posted
updated

It worked when I pasted it on my page so idk why it's not working for you.

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">

<img src="http://i739.photobucket.com/albums/xx31/pixelpeach/purple/5xhp3c9.gif" height="270"/></div>

You don't need "float", "max-height: 400px" or "z-index: 200". If you use them they do nothing so you might as well get rid of them.  I put that version of your code on my page and it works. I'm leaving it up for a day so hopefully you can see your coding works.

If you want, you can try using the below code. When I tested it, it does exactly the same thing your code does:

<style>.floater {position:fixed; right: 1px; bottom: 9px; z-index: 200;}</style>

<div class="floater"><img src="http://i739.photobucket.com/albums/xx31/pixelpeach/purple/5xhp3c9.gif" height="270"></div>

Hope this helps ^_^

***I had to shrink my window size a bit and saw why you added the z-index so I added it back to the code ^_^ ***


Permalink Report Reply