[Solved] tool Tip Bullets

[MissioDei]

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>

 

 

[Martin]

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.