|
| |
|
|
Nicole
Posts: 2843
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline
 |
CSS popups - 5/25/2006 5:44:40
I've been having a play around with this:
http://www.meyerweb.com/eric/css/edge/popups/demo.html
And I have a question. I have a fixed width, centered layout that i was thinking I could use this on, although using position: absolute it's obviously placing the pop-up text way off to the left, and using position: relative it's putting it relative to the link.
I've gone ahead and changed the top and left positions too but when the screen is resized it's moving away from the area under the navigation.
Do any of you think this can be used for a fixed width centered layout or just a full screen resizeable layout?
Thanks
Nicole
_____________________________
|
|
|
|
Tailslide
Posts: 6126
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: CSS popups - 5/25/2006 6:31:06
We'll have to see your code I'm afraid - do you have a test page?
Usually these issues are because the popup is being positioned relative to the viewport rather than to the thing it's popping up next to - if that makes any sense at all! If the "thing" (i.e. div) that contains the popups doesn't have Position:relative then the absolutely positioned thing will keep going up the line of elements either until it finds something that is "relative" or until it gets to the highest level - i.e the body.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
caz
Posts: 3552
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: CSS popups - 5/25/2006 7:43:17
I don't either but you may find tutorial by Stu Nicholls useful for positioning the popup. It is about an image map which when hovered over displays boxed text positioned where you want them, I have used it and I know that the positioning was really by trial and error.
I noticed that he also has some popup examples on his main site too.
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
Tailslide
Posts: 6126
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: CSS popups - 5/26/2006 3:21:34
Haven't done a lot of testing on it but I think it looks good - not distracting at all.
The layout itself has "issues" in IE5 btw..
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6126
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: CSS popups - 5/26/2006 4:28:03
just having a really quick look I'd say it's because you need to centre the design for IE5/5.5 using text-align:center in your body element. I think that will sort it.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6126
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: CSS popups - 5/26/2006 5:22:14
Working fine in IE5.5 - popups and everything.
In IE5 the layout's fine now but no popups (didn't expect them to be honest!).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
Try preview in browser? 