Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Feb 2012
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Question Notification Alert HTML

    Hi all,
    Hope you can help me out here, this notification alert pops up when a member get a notification as (seen in the attachment) - it's the little red bubble. When certain numbers are present, it seems the numbers are not center and correct looking - see how the "3" is sort of running out of the bubble? Here is the code below - how can I make the bubble longer to fit the numbers in properly I this code.

    Code:
    <if condition="$show['notifications']">
    			<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]</a> <div style="background-color: red; display:inline; border-radius: 3px;"><span style="color: white;"><strong>&nbsp; $notifications_total &nbsp;</strong></span></div></span></div>
    Thanks in advance!
    Attached Thumbnails Attached Thumbnails Notification Alert HTML-screen-shot-2013-08-17-12.32.29-pm.png  

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,089
    Thanks
    15
    Thanked 246 Times in 246 Posts
    They haven't given any size to any of the elements, the span you can't give size to, but the containing divs you can. Pretty sloppy coding if you ask me, try giving a width and height to the outermost div.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.

  • #3
    New Coder
    Join Date
    Feb 2012
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DrDOS View Post
    They haven't given any size to any of the elements, the span you can't give size to, but the containing divs you can. Pretty sloppy coding if you ask me, try giving a width and height to the outermost div.
    I tried your recommendation - no go. Is there a suggestion for cleaning it up or any other recommendation for making the height slightly longer?

    thanks,

  • #4
    New Coder
    Join Date
    Feb 2012
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Could I get the effect with CSS?

  • #5
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,089
    Thanks
    15
    Thanked 246 Times in 246 Posts
    Quote Originally Posted by tommydamic68 View Post
    Could I get the effect with CSS?
    That was what I thought I was suggesting. Give the containing div an ID, and use css.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.


  •  

    Posting Permissions

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