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

positioning a css image

by thesuccesscoach
5 replies
  • WEB DESIGN
    • |
hi all

I have an interesting question (at least I find it interesting)

I want to position an image using css in an absolute fixed place
that I can do

However when i resize the window it stays absolute (of course)

What I want to do is have an image beside a piece of text always no matter if the window is at full size or reduced

I guess, to use the buzz word, I want it absolute but responsive

thanks guys
#css #image #positioning
  • Profile picture of the author David V
    Originally Posted by thesuccesscoach View Post

    hi all

    I have an interesting question (at least I find it interesting)

    I want to position an image using css in an absolute fixed place
    that I can do

    However when i resize the window it stays absolute (of course)

    What I want to do is have an image beside a piece of text always no matter if the window is at full size or reduced

    I guess, to use the buzz word, I want it absolute but responsive

    thanks guys

    If you want to have an element/image position absolutely to it's parent,
    the parent must be set to position:relative.

    So the position:relative becomes the containing block/div for the absolutely positioned descendant (child elements) and they can be immediately below the relative positioned block or further down the hierarchy.

    Do you have a url?
    {{ DiscussionBoard.errors[8475652].message }}
  • Profile picture of the author thesuccesscoach
    Thanks David

    Great reply at the moment no as I have it on an internal work network

    however the idea is that there is a H1 text heading on a page and the image always has to be to the right of the text.

    the issue I can see is that we are using an a cms from Oracle so the headings are entered thru a text box rather than having access to them, although I could program the headings in thru css as well

    If you could direct me to any useful resources it woudl be great

    Richard
    Signature

    A life and business coach
    Ready to help you make it happen, just ask!

    {{ DiscussionBoard.errors[8475663].message }}
  • Profile picture of the author David V
    It's tough to say without seeing the css for the header, but likely you don't need to worry about the h1 part, but the container that its in. If you can position it within that container then it should be ok.
    It will depend of course whether your able to edit that css area.
    Do you know of any Oracle CMS examples or demo sites?
    The css should be the same as yours and I can look.
    I'll see if I can think of a specific resource...
    {{ DiscussionBoard.errors[8475676].message }}
  • Profile picture of the author David V
    Here's a good simple example explanation.
    {{ DiscussionBoard.errors[8475698].message }}
  • Profile picture of the author thesuccesscoach
    Looking at it now thanks mate really appreciate your help
    Signature

    A life and business coach
    Ready to help you make it happen, just ask!

    {{ DiscussionBoard.errors[8478678].message }}

Trending Topics