Threaded Mode | Linear Mode

Derek

Can anybody here help me fix this IE problem? Works fine in firefox.

Just found out that it doesn't display when the border attributes are added.

border: {
width: 7,
radius: 5
}

Thanks.

***Craig***

Hi Derek, could you post a screenshot of the problem your facing? thanks.

Derek

here it is craig, top one is from firefox.

[img=deletebutton snapshot]http://i619.photobucket.com/albums/tt276/dragerderek/balloon.jpg[/img]

Also, is there a way to put a border 1 px wide and still retain the rounded corners?

***Craig***

Hmm this seems a very odd behaviour to be exhibited. How are you adding the image? Through the title option or simply a custom image within the content? I'd advise your to try adding "position: relative;" to the image style and see if that solves your problem (Strange IE z-index bug fix) and if not, get back to me.

Derek

Hi craig,

Just tried it using the basic button setting and as I mentioned on the first post, the Close link appears when I don't set the border. Once I added the border, it doesn't show anymore.

JS Code

<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript" src="JS/jquery-1.3.2.min.js"></script>
    <script language="javascript" src="JS/jquery.qtip-1.0.0-beta3.1.js"></script>
 
    <script language="javascript">
        $(document).ready(function() {
            alert("test");
            $("div a").qtip(
            {
                content:
                { text: 'This is an active list element',
                    title :
                    {
                        text: 'Alert',
                        button: 'Close'
                    }
                },
                position: {
                    corner: {
                        target: 'bottomRight',
                        tooltip: 'leftTop'
                    }
                },
                 style: { 
                    width:200,
                    tip: {
                        corner: 'leftTop',
                        size:{
                            x:12,
                            y:40
                        }
                    },
                    border: {
         width: 7,
         radius: 5
      }
                }
 
            });
 
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <a href="j<strong></strong>void(0);">test</a>
    </div>
    </form>
</body>
</html>

Derek

Did a little more tweaking with the border settings and it seems the issue arises when radius is set.

Derek

Found out that adding position:relative as you suggested fixed the problem for the above image issue... added it on the a element though.

JS Code

div.qtip-title a
        {
           position:relative;
        }

Thanks for the help Craig.

***Craig***

No problem Derek. This is very much an IE-centric bug in regards to how it handles the z-index of relative elements. Unfortunately there isn't a way round it at the moment but I'll look into it for the next release which is due out shortly if I can ever get these demos finished!

jamesj

Hello

I just tried in different browsers. This problem is existing only in IE. I am using IE version 7.0.6001 on Windows Vista Business

I am able to see & use all the buttons / options properly in Firefox & Chrome

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	Submit Button with Tooltip	djinnov8	1	996	11th September 08:17 Last Post: Craig
	Close button instead of link?	rseshadr	2	4,524	25th March 23:05 Last Post: rseshadr