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 7 of 7

Thread: Image title tag

  1. #1
    New Coder
    Join Date
    Jun 2010
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Image title tag

    Hi
    I want to make like a title tag, but it has to show an image. Don't know how that is called but have seen it already. Not a lightbox, like you show the title of a link it has to show an image and detailled information...

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,790
    Thanks
    8
    Thanked 131 Times in 129 Posts
    like this? http://plugins.learningjquery.com/cluetip/demo/

    or do I not fully understand what you need?
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    something like this?

    Code:
     
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
            <title></title>
            <style type="text/css">
                #myLink {
                    position: relative;
                    width: 160px;
                }
                #myLink div {
                    position: absolute;
                    top: 30px;
                    left: 30px;
                    border: 1px solid red;
                    padding: 10px 10px 10px 10px;
                    display: none;
                    width: 300px;
                }
                #myLink:hover div {
                    display: block;
                }
            </style>
        </head>
        <body>
            <div id="myLink">
                <a href="">my link to somewhere</a>
                <div>Place title content in here</div>
            </div>
        </body>
    </html>
    Last edited by bullant; 03-06-2011 at 11:40 PM.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,801
    Thanks
    6
    Thanked 1,023 Times in 996 Posts
    Just for the records: This is a title tag: <title>, an opening tag, to be precise, and it always goes together with a closing tag (</title>).

    The following is called a title attribute: <a title="text here"> – a significant difference.

  • #5
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    yep I was confused as well at first when I read the op, but when I saw
    Quote Originally Posted by selenin View Post
    Not a lightbox, like you show the title of a link it has to show an image and detailled information...
    I am assuming the op means title attribute and hence my question

    something like this?

  • #6
    New Coder
    Join Date
    Jun 2010
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks, sorry I meant attribute, I'm not very well with these expressions. I'll try them tomorrow, too tired tonight. Found as well a nice one, jquery tooltip. Yeah but the dreamworld is waiting...

  • #7
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    no problem


  •  

    Posting Permissions

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