6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

I need CSS help

by SirHarrrison
5 replies
  • WEB DESIGN
    • |
So I like to believe that I am pretty good at CSS (or so I believe) haha.

anyways... I got a problem.
I am trying to make a image "fixed" or static or whatever you want to call it, and I want it on everyone of my pages, in the lower left corner.

And for some damned reason I cannot for the life of me seem to do it. I am running wordpress 3.0.4 and the head file is a bit smaller than a usual head doc. I have The Thesis theme, which is great, but it still doesn't solve my problem.I want to know what my options are here.

If somebody could just lay this out for me that would be awesome.
#css #fixed image #wordpress
  • Profile picture of the author AnthonyKrese
    Well, you can look at the code here on the Warrior Forum. Look at the code and see how they use fixed positioning to keep the the triangle graphic fixed to the bottom right. I use the Firebug plugin for Firefox.

    Notice how it's actually the first div. If it wasn't the first div, (I believe) the containing div would have position:relative;

    Did that help? If not, you might want to post your code here. Or you could check out the forum at CSS Tricks . com Those guys love a CSS challenge.
    Signature
    What's for dinner tonight? Fast, easy, awesome recipes to keep the wife and kids happy!

    The Man's Cookbook
    {{ DiscussionBoard.errors[3302518].message }}
    • Profile picture of the author SirHarrrison
      I firebugged the war room triangle and came back with the problem I am having.

      <div id="ins_seal" style="position: fixed; height: 82px; width: 100px; bottom: 0px; cursor: pointer; left: 0px;"><div class="inner" style=""><img src="https://rates.insureship.com/images/widgets/navy_left.gif"></div></div>

      <div class="inner" style=""><img src="https://rates.insureship.com/images/widgets/navy_left.gif"></div>

      <img src="https://rates.insureship.com/images/widgets/navy_left.gif">

      so this is the formatting I am trying to mimic.

      I just firefox -> firebugged all of this and hit edit copy/paste.
      Signature

      "This is what happens when an unstoppable force meets an immovable object."

      Thank you,
      Harrison

      {{ DiscussionBoard.errors[3302901].message }}
  • Profile picture of the author dellingter
    if you are using Adobe Dreamweaver you will find all picture function
    .footer{
    position:fixed;
    position:relative;
    position:absolute;
    position:inherit;
    }
    Signature
    {{ DiscussionBoard.errors[3314518].message }}
    • Profile picture of the author Big Squid
      This will fix it at the bottom left:

      position: fixed;
      bottom: 0px;
      left: 0px;
      {{ DiscussionBoard.errors[3317944].message }}
  • Profile picture of the author Jonas B
    set float: left; and add some margins can help if the above doesnt work
    Signature
    Proud owner of the most flexible mobile app builder. Check it out at http://bit.ly/hybrica!
    Mobile Web Expert & Android Developer
    {{ DiscussionBoard.errors[3317958].message }}

Trending Topics