This is a migrated thread and some comments may be shown as answers.

tool Tip Bullets

1 Answer 98 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
MissioDei
Top achievements
Rank 1
MissioDei asked on 01 Oct 2009, 03:23 PM
Anyone have any thoughts as to why the bullets show up in IE7 but not in IE8? The style below has a image as the bullet, because I couldn't get the normal bullet type to work. The image doesn't seem to work in iE8 as well.

Here is the code:
/*Tool Tips*/  
.tooltip  
{  
    padding: 10px;  
    width: 350px;  
    list-style-image: url('../../Images/bullet.gif');  
    line-height: 15px;} 

 

<telerik:RadToolTip ID="RadToolTip6" runat="server" RelativeTo="Element" TargetControlID="Image6" 
        Font-Size="Small" Skin="Sunset" Width="266px" Position="TopCenter" HideEvent="LeaveToolTip">  
        <div class="tooltip">  
            <h5> 
                Metropolitan Status</h5> 
            <hr /> 
            <p> 
                “Metropolitan Status” is based on the most recent data from the U.S. Census Bureau.  Your hospital will be categorized in one of three groups:  
            </p> 
            <ul> 
            <li>Metropolitan Area - in a county or group of counties that has an ‘urban core’ of at least 50,000 people </li> 
            <li>Micropolitan Area - in a county or group of counties that has an ‘urban core’ of 10,000 – 50,000 people </li> 
            <li>Non-Metropolitan, Non-Micropolitan Area - in a county that has small communities of  less than 10,000 people</li> 
            </ul> 
        </div> 
    </telerik:RadToolTip> 

 

 

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 05 Oct 2009, 07:08 AM
Hello Strategon,

From what I can see, you have tried to apply CSS properties to a HTML element that does not support bullets - the .tooltip class is applied to a <div />. I recommend that you apply these settings to the <ul /> inside that element, i.e:

.tooltip ul
{  
    padding: 10px;  
    width: 350px;  
    list-style-image: url('../../Images/bullet.gif');  
    line-height: 15px;} 
}

IE8 is more strict, and probably that's why you can see the bullets in IE7, but not in IE8.

Sincerely yours,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
ToolTip
Asked by
MissioDei
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or