div/image alignment

Question

newbkaek 0 Newbie Poster

13 Years Ago

I don't know if this is even possible (hopefully it is) but, I'm looking for a way to align a div or an image past the leftmost extremity of the browser window.

What I am trying to do is when you mouseover a link, an image will overlay the entire screen contents. The image itself has a blank area that overlaps with the link being highlighted.

The problem I am running into is that I want for the image to stay aligned with the link regardless of the browser window size as shown in these mockups. The green area is where the image would be when the mouse is over the link.

http://img8.imageshack.us/g/mock2.jpg/

Any help is appreciated! Thanks

css web-design

2 Contributors
1 Reply
97 Views
2 Days Discussion Span
Latest Post 13 Years Ago Latest Post by pixelsoul

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

pixelsoul 272 Red Pill Featured Poster · Answer 1 · 2011-02-15T22:46:02+00:00

You may want to start with understanding CSS positioning first. Here a couple of links that go over the different methods.

http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://www.w3schools.com/Css/pr_class_position.asp

Also, using javascript for a tooltip that displays an image may be helpful in what you are trying to do.

Without showing any of your code that is all I have.