• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 245
  • Last Modified:

CSS/HTML Positioning

hi
i need to be able to put this facebook like button over an image on a page..
how ?
Cheers
Mat
<div style="top:-350px;left:-350px;z-index:10;" id="yes" >

<div class="fb-like" data-href="http://www.facebook.com/pages/Alice/177660358958425?sk=app_182222305144028" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>

</div>

Open in new window

0
funkkube
Asked:
funkkube
1 Solution
 
twohawksCommented:
assign the image container position:relative,
place your button container-tag WITHIN the image container
and then assign your button position:absolute;

..then tweak its left/top/ sizing etc.

Some useful references...
http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://www.vision.to/articles/the-difference-between-the-flow-and-positioning-for-web-pages.php
0
 
SSupremeCommented:
Apply z-index: value; to button.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now