Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Tooltip position make fix

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #179170
    onlynoman
    Participant

    Hello,

    I am making a website on table and showing tooltip to describe some images. I want to show tootip in a cell or div to fix it on a place like to prevent to overlapping other images.

    Here is my codes
    http://jsfiddle.net/ubKtd/798/

    I am a junior coder and don’t know it is possible or not but googling before 5-6 hours.

    Please help me

    #179180
    Soren
    Participant

    Yes it’s possible and it doesn’t need javascript or tables to achieve. I can explain what is going on and offer an alternative CSS only solution, but I won’t ramble on here about that unless you ask me to.

    Here’s a quick demo using your code. I don’t know where you want the “tooltip” to appear so I’ve guessed.

    http://jsfiddle.net/ubKtd/808/

    #179183
    onlynoman
    Participant

    Thank you Soren for your response.

    But I want to show both image’s title in one and same palace, in one cell or in a div not on the image. I have 24 images like this and the width of images is not enough to show details so I want a palace to show all titles of image in one area. Hope you understand.

    I will be very happy and very thankful to you if you make this code as my requirement.

    #179186
    Paulie_D
    Member

    Plus… Tables bad!

    #179193
    Soren
    Participant

    uh huh, onlynoman, you don’t need a table for this.

    What I think you’re asking for all depends on your layout. If you have 24 images and 24 titles on display, where are they going to be in relation to each other on the screen? One parent element to house the images and another for a list of titles? I’m just trying to visualise it.

    #179285
    onlynoman
    Participant

    After lots of searching I come to know one more solution for my problem but still I have stuck. I have lots of image and want to show description on hover for this I worked like this

    http://jsfiddle.net/ubKtd/810/

    Now in first cell I want to show specific div according to image but failing…

    Please solve it.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.