tool Tip Bullets

2 posts, 0 answers
  1. MissioDei
    MissioDei avatar
    17 posts
    Member since:
    Aug 2008

    Posted 01 Oct 2009 Link to this post

    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*/  
        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">  
                    Metropolitan Status</h5> 
                <hr /> 
                    “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:  
                <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> 



  2. Martin
    Martin avatar
    585 posts

    Posted 05 Oct 2009 Link to this post

    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.
  3. DevCraft R3 2016 release webinar banner
Back to Top