Hi all.
I need to position an image in the top right corner of a header div which has a background image. I need to have margins on the inserted image. The image will have a link on it hence not being able to include it as part of the background image.
Which CSS positioning property do I need to use as I find it slightly confusing.
Thanks
Justin
Can we see the images in question – what HTML are you trying to use? I mean, it sounds like you have a wrapping DIV and an anchor, so put the div background image on the div, the padding/margin on the anchor with the second image… Probably making the anchor display:block.
NOT that I usually use DIV#header in my code since it SOUNDS like you are making a HEADING – and we have tags for HEADINGS… They’re even numbered for creating your document structure.
Without seeing the images, the content, the context, or the markup you are trying to use, it’s kinda hard to say what CSS you should use; as I keep saying across the web, (and will keep saying) “CSS is only as good as the HTML it’s applied to”.
Hey highandwild,
Just as deathshadow60 said, we need to see your markup to be able to help you out.
You could either float the anchor in place or you could use position relative on the parent div and then position absolute on the anchor.
Need to see your code though before saying anything with certainty.