Advanced Tooltips Support Product Page

QUESTIONS

This topic is locked

Tool tip appears behind other content - resolved

Phil Boyle

Asked 07 Dec 2010 03:08:23

has this question

I also have this question

07 Dec 2010 03:08:23 Phil Boyle posted:

Hi
I have an image gallery that is a floated list and I want to attach a tooltip to show a larger version of the image. However the larger image in the tooltop shows behind the floated list. As I have been fiddling with it it also displays behind the text on the page which isn't floated.

Link to the page trickstar.co.nz/HD/gallery.html and the tool tip is only on first image.
CSS for floated list is this:
/*art gallery*/
#art_gallery
{
line-height:1.1;
margin:0 0 0 120px ;
}

#art_gallery li
{
width:110px;
float:left;
margin:0 40px 10px 0;
list-style:none;
font-size:0.8em;
min-height:175px;
}
#art_gallery img
{
border:2px solid #ccc;
padding:5px;
background:#fff;
display:block;
}
The code for the page:

<!DOCTYPE html >

<head>
<title>Helen Dynes Artist & Tutor</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="s/hd.css" media="screen" />


<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/dmxTooltips.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
<a class="hide" href="#content" title="skip navigation." > skip navigation</a>
<div id="pagewrapper">
<div id="masthead"><a class="logo" href="index.html" title="return to home page"><span class="hide">Return to homepage</span></a></div>
<div id="pnav">

</div>
<div id="border_photos"></div>

<div id="sec_content">
<div id="sec_top_block">

Art for sale

<p class="gallery">These artworks are available to purchase. Thet can be bought online and shipped to your location or alternatively they can be viewed at Helen's studio or the following galleries. If you have any questions in regards to the sale of artwork please get in touch .</p> </div>

<ul id="art_gallery" >

[img]i/p/thumb_wakemeup.jpg" alt="Wake me up" onMouseOver="applyDMXTooltip(this,'image','i/p/wakemeup.jpg','fade','easeOutQuad','right','out',600,600,'clickout','white',true,'','',0,0,'auto','auto','auto','auto')">"Wake me up" <br/>
Mixed media on canvas<br/>$695

[img]i/p/thumb_alfresco.jpg" alt="Al Fresco">"Al Fresco" <br/> $495

[img]i/p/thumb_taupotranquility.jpg" alt="Taupo Tranquility">"Taupo Tranquility" <br/>$495

[img]i/p/thumb_streetcardesire.jpg" alt="Street, Car, Desire ">"Street, Car, Desire" <br/>Oil on canvas<br/> $495

[img]i/p/thumb_lindenroses.jpg" alt="Linden Roses">"Linden Roses" <br/>Mixed media on canvas<br/> $750

[img]i/p/thumb_mary.jpg" alt="Mary">"Mary"<br/>Limited Edition Etching <br/> $225

[img]i/p/thumb_pacificstroll.jpg" alt="Pacific Stroll">"Pacific Stroll" <br/>SOLD

[img]i/p/thumb_caferouge.jpg" alt="Cafe Rouge">"Cafe Rouge" <br/>Oil on canvas<br/> SOLD

[img]i/p/thumb_chamcocktail.jpg" alt="Champagne Cocktail">"Champagne Cocktail" <br/>Oil on canvas<br/> SOLD

[img]i/p/thumb_clothblue.jpg" alt="Cloth of blue">"Cloth of blue" <br/>Acrylic on canvas<br/> $495

[img]i/p/thumb_portnapier.jpg" alt="Port of Napier">"Port of Napier" <br/>Mixed media<br/>$595

[img]i/p/thumb_flirty.jpg" alt="Flirty 30's">"Flirty 30's" <br/>Oil on canvas<br/> SOLD

[img]i/p/thumb_fromtheothersideofthestreet.jpg" alt="From the other side of the street">"From the other side of the street" <br/>Oil on canvas<br/> SOLD

[img]i/p/thumb_redsash.jpg" alt="Red Sash">"Red Sash" <br/> SOLD

[img]i/p/thumb_bluerobe.jpg" alt="Blue Robe">"Blue Robe" <br/>Mixed media<br/>SOLD

[img]i/p/thumb_embrace.jpg" alt="Embrace">"Embrace" <br/>Oil on canvas<br/> SOLD

[img]i/p/thumb_barstool.jpg" alt="Bar stool">"Bar stool" <br/>Mixed Media on canvas<br/> SOLD

[img]i/p/thumb_touchingheaven.jpg" alt="Touching Heaven">"Touching Heaven" <br/>Oil on canvas<br/> $595

[img]i/p/thumb_poolside.jpg" alt="Poolside">"Poolside" <br/>Oil on canvas<br/>$600

[img]i/p/thumb_joykatie.jpg" alt="Joy and Katie">"Joy & Katie" <br/>Oil on canvas<br/> SOLD

[/list]

<br class="clear" />

</div>
<div id="footer">

</div>

</div>
</body>
</html>

As always I appreciate your help
Phil

Replies

Phil Boyle

Replied 07 Dec 2010 03:12:53

07 Dec 2010 03:12:53 Phil Boyle replied:

Cancel the request for help. Just after I clicked submit I went back to have another look and a div containing the content was set at a higher z-index than the tool tip - problem solved.

Advanced Tooltips Support Product Page

QUESTIONS

Tool tip appears behind other content - resolved

Art for sale

Replies

Reply to this topic