PDA

View Full Version : Problem with DHTML Tooltip II on different resolutions



miob
11-04-2004, 10:28 PM
Hello !

I designed this tool for my resolution 1280x1024, but once i check
it on other resolutions, tooltip moves to different locations

i've setuped this for my resolution:

var offsetfromcursorX=370 //Customize x offset of tooltip
var offsetfromcursorY=200 //Customize y offset of tooltip

Default is :

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip


That's probably designed on resolution 800x600

Here's URL where i'm trying Tooltip:

http://www.autobazareeu.sk/car.php?id=9444

Tooltip occurs under picture of car , where's price

Could anyone tell me how to ensure stable position in each resolutions
on my site ? is that possible, there's a lot of settings around location of Tooltip, You can find out best solution for me.

Thanx a lot

Michael

cr3ative
11-05-2004, 12:42 PM
The site is blocked with my college's internet filter.



You cannot access the following Web address:
http://www.autobazareeu.sk/car.php?id=9444

The site you requested is blocked under your organization's filtering policy. It fits into the following filtering category(ies) that your organization has chosen to block: ****ography


Erm.. I'll try at home. Thats another black tick against my account : (

cr3ative

miob
11-07-2004, 12:04 PM
huh, that's weird

thanx a lot for willingness

btw. you don't need to switch resolution of your screen, you can even see what happen when you minimise that page in your IE browser less and less :o

cr3ative
11-07-2004, 01:01 PM
Righty then. There's a style sheet conflict here, but I can't see where :(

I know this because when I disabled your stylesheet, all was normal.

cr3ative

miob
11-07-2004, 08:56 PM
yeah you're right

i tried to figure what exactly is wrong in that style
i figured this definition making conflict:

#cnt {
float: right;
background: url(images/item_bg.jpg) no-repeat;
min-height: 105px; -height: 105px; width: 650px;
margin: 10px 0 10px 0;
position: relative;
}

exactly this row: position: relative;

here it's without it
http://www.autobazareeu.sk/car2.php?id=9444

can you help me now how could i fix it ?