Results 1 to 2 of 2

Thread: css

  1. #1
    Registered User
    Join Date
    Apr 2019
    Posts
    83

    css

    I have written the code for notification in asp.net c#.

    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
    <i id="bell" class="fa fa-bell-o" runat="server"></i>
    <span>
    <asp:Label ID="Badge" CssClass="badge badge-light" BackColor="Red" runat="server" value=""></asp:Label></span>
    </a>

    But when i run this code then the Badge is shown beside of bell icon rather than top of the bell.

    Thanks in advance.

    Name:  notification.png
Views: 82
Size:  654 Bytes

  2. #2
    Registered User
    Join Date
    Jun 2020
    Location
    Sofia, Bulgaria
    Posts
    8
    Hello,
    I think that you have to set position: relative to your <a> element and then set position: absolute; and top/right CSS parameters in order to move it at the bottom of the bell.

    Best Regards

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

  Find Web Hosting      
  Shared Web Hosting UNIX & Linux Web Hosting Windows Web Hosting Adult Web Hosting
  ASP ASP.NET Web Hosting Reseller Web Hosting VPS Web Hosting Managed Web Hosting
  Cloud Web Hosting Dedicated Server E-commerce Web Hosting Cheap Web Hosting


Premium Partners:


Visit forums.thewebhostbiz.com: to discuss the web hosting business, buy and sell websites and domain names, and discuss current web hosting tools and software.