WordPress.org

Ready to get started?Download WordPress

Forums

Float Image over container and background. (4 posts)

  1. miracon
    Member
    Posted 2 years ago #

    Hi there! I am looking for a way to be able to float an image over both the container and background. I am not very good at CSS so if there is a more newbie way to do it, that would be great! Haha! I use the Catalyst/Dynamik premium theme. Here is an example of a site I ofund that has exactly what I want to do (the floating image on the right)...

    Thanks so much in advance! :-)

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    that image is positioned absolute;

    http://www.w3schools.com/css/css_positioning.asp

  3. miracon
    Member
    Posted 2 years ago #

    Thanks for the link alchymyth! I'm checking it out right away! :-)

  4. miracon
    Member
    Posted 2 years ago #

    I checked it out and played with it but as I am no expert in coding, I am unsure of how to apply the following code to an image in a widget...
    <html>
    <head>
    <style type="text/css">
    h2
    {
    position:absolute;
    left:100px;
    top:150px;
    }
    </style>
    </head>

    <body>
    <h2>This is a heading with an absolute position</h2>
    <p>With absolute positioning, an element can be placed anywhere on a page. The heading below is placed 100px from the left of the page and 150px from the top of the page.</p>
    </body>

    </html>

    Sorry for being such a Newb!

Topic Closed

This topic has been closed to new replies.

About this Topic