WordPress.org

Ready to get started?Download WordPress

Forums

Right bottom image (7 posts)

  1. rejunker
    Member
    Posted 5 years ago #

    Hello everyone :D
    now my following problem is that ive got a nice background image on my blog and now i would like to add a little image (http://www.cruxis.at/data/e4ed8fda1fb3c0_full.gif) to the right bottom of the site which should be there when i scroll up or down so it will allways be visible on the right corner
    thx :D

  2. zeniph
    Member
    Posted 5 years ago #

    the basic CSS is

    #name-of-div{
     position:absolute;
     bottom:0;
     text-align:right;
    }

    then just insert your image tag in that DIV.

    cant remember exactly why (some IE6 quirk) but I ended up using bottom:-1px to make it work cross browser - which forces a vertical scroll bar to appear in firefox unfortunately

  3. zeniph
    Member
    Posted 5 years ago #

    whoops - scratch that

    #name-of-div{
     position:fixed;
     bottom:0;
     text-align:right;
    }

    will work - but not for IE6.... will get back to you if I get a spare moment to look at further

  4. zeniph
    Member
    Posted 5 years ago #

  5. rejunker
    Member
    Posted 5 years ago #

    thx for the help :D
    well somethings wrong ichecked the site but i cant find the css code or im just bit stupid ^_^

  6. zeniph
    Member
    Posted 5 years ago #

    it isnt a "typical" tutorial page I guess!

    view the source of that page - and read the text

  7. drewactual
    Member
    Posted 5 years ago #

    another thing you can do is this... track carefully:

    make a new div in your css- call it #lastpic for speaking terms.. something like this:

    #lastpic  {
                 background: url(yoururl) fixed no-repeat;
                 postion:absolute;
                 bottom: 0;
                 right: 0;
                 height: ??? /*height of your pic*/
                 width: ??? /*width of your pic*/
                }

    and then.. go to your footer, and add before </body> a new div.. open it and close it on the same line... ex:

    <div id="lastpic"></div>

    let me know how dat der' works for ya!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.