Float Image over container and background.

  • 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! ??

Viewing 3 replies - 1 through 3 (of 3 total)

  • that image is positioned absolute;

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

    Thread Starter miracon

    (@miracon)

    Thanks for the link alchymyth! I’m checking it out right away! ??

    Thread Starter miracon

    (@miracon)

    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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Float Image over container and background.’ is closed to new replies.