Support » Themes and Templates » Right bottom image

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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

    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

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

    it isnt a “typical” tutorial page I guess!

    view the source of that page – and read the text

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Right bottom image’ is closed to new replies.