Results 1 to 1 of 1

Thread: Simple Tool Tip

  1. #1
    Join Date
    Jan 2015
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Simple Tool Tip

    Hello,

    How to change this line:
    HTML Code:
    						width: 100px;
    I want text to appear on a single line.

    HTML Code:
    <style>
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
    }
    
    .tooltip .tooltiptext {
        visibility: hidden;
    background: #195fa4 url(http://farm7.static.flickr.com/6025/5994117249_a9782abeb5_t.jpg) repeat-x;
        color: #fff;
        text-align: center;
        border-radius: 7px;
        padding: 5px 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
    						width: 100px;
        text-shadow: 1px 1px #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    
    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #195fa4 transparent transparent transparent;
    }
    
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
    </style>
    <br><br><br><br>
    <br><br><br><br>
    <br><br><br><br>
    Примерен текст <div class="tooltip">Hover over me
      <span class="tooltiptext">Text text text text text text</span>
    </div>
    Thanks!
    Last edited by animsaj; 10-27-2018 at 10:41 PM.

Similar Threads

  1. Screen capture tool / cropper tool
    By theremotedr in forum Looking for such a script or service
    Replies: 3
    Last Post: 09-23-2016, 09:01 AM
  2. Need to create a simple 'update text on website' from a simple admin page
    By jamiemyburgh in forum Looking for such a script or service
    Replies: 2
    Last Post: 07-01-2013, 02:49 PM
  3. [CSS] Simple styled tool tips
    By Tigger2 in forum Submit a DHTML or CSS code
    Replies: 3
    Last Post: 06-28-2008, 03:13 AM
  4. Little Help Tool
    By GhettoT in forum HTML
    Replies: 1
    Last Post: 11-27-2006, 09:14 PM

Bookmarks

Posting Permissions

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