CSS/HTML Positioning

Posted on 2011-10-14
Last Modified: 2012-05-12
i need to be able to put this facebook like button over an image on a page..
how ?
<div style="top:-350px;left:-350px;z-index:10;" id="yes" >

<div class="fb-like" data-href="" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>


Open in new window

Question by:funkkube
    LVL 8

    Expert Comment

    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...
    LVL 16

    Accepted Solution

    Apply z-index: value; to button.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Suggested Solutions

    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
    In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
    In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

    794 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now