J C
asked on
CSS Trying to get image positioned in top left corner, need help
I will provide a link to the live site if someone can provide me a way to deliver it without having to post it for the world to see. In my header section there is already a background image. I want to try and position our logo in the top left of our header section. I've tried all the CSS tricks I know but I can't seem to make it work.
Am I correct in assuming you've created a header div and that you've positioned your image at absolute 0,0 but still can't get the result you need?
To protect your client, you may just want to provide a minimal page with images from the web to represent your layout and css.
To protect your client, you may just want to provide a minimal page with images from the web to represent your layout and css.
ASKER
I have tried those suggestions. I already have a background image and I am not sure if it's even possible to place another image that would overlap it. Here is a link to a temporary url
http://template.envisionsolutions.net
http://template.envisionsolutions.net
ASKER
I am new to CSS and DIV's. It could be that I am really not sure where to put it inside of the web page
@jleecole: you have not set the background-position:left top; property
replace line 136 in template.css with
background-position:left top;
replace line 136 in template.css with
background-position:left top;
ASKER
I've not done a very good job of explaining myself and I am sorry about that. I want to add an additional image, the companies logo in the top left corner. I had code in there before. The issue is that there is already a background-image. I am trying to place an additional image and leave the gradient background in place. Is there a way to do that with a background-image already in use for that div?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
If you look at the template now, you will see the image overlapping the flash header. I am trying to move it to the left of it. I feel like we are closer though!
ASKER
I figured out where to stick the img. Thanks a lot man! Any recommendations on a book or any other materials to become a CSS guru?
try changing z-index to 0
sorry, rather reduce the width.
check this (this has almost everything :))
http://www.w3schools.com/css/default.asp
check this (this has almost everything :))
http://www.w3schools.com/css/default.asp
ASKER
Thank you
background-position:left top;
http://www.w3schools.com/css/css_background.asp