Forums

huf2much

Hello All!
you guys are probably getting tired of me by now.
I'm trying to remove the title from just the thumbnails of this site (huf2much.com) when they are rolled over.
I still need the title itself for when the thumbnail is selected it thitle is below the image.
Any way to do this without deleting the titles entirely?
You can see what I mean under the Art section on the first thumbnail.
thanks again,
you guys are great!

cnwtx

First of all, we're not getting tired of you, and you're always welcome here! Secondly, You might try something like this: http://css-tricks.com/bubble-point-tooltips-with-css3-jquery/ Personally, I'd skip the title attrib completely and use another element after it. Then I'd hide/show that with css sibling selectors. Such as:

div.title {display:none;)
img:hover ~ div.title {display:block; position:blah blah blah;}

huf2much

AWESOME CNWTX!
I added, basically what you said, even though I had No f'n idea what the hell that was since I have no idea what im doing. I placed the

title="{display:block;

after alt title and it worked.

<li><a href="{image}" rel="lightbox[gallery]" title="{title}" ><img src="{thumbnail}" alt="{title}" title="{display:block;}" class="artworkImages" /></a>
</li>

You the man!

cnwtx

Wait a minute. . . title="{display:block;}" shouldn't work. What you want is something like this:

<li>
<a href="{image}" rel="lightbox[gallery]" title="{title}">
<img src="{thumbnail}" alt="{title}" class="artworkImages">
<div class="title">Info about image, etc.</div>
</a>
</li>

And then in you css file you'll want something like this:

div.title {display:none;} 
img.artworkImages:hover ~ div.title {display:block; /* Then position as necessary */}

Does that make sense?

cnwtx

Now that I've said that, this is probably exactly what you want: http://css-tricks.com/a-really-nice-way-to-handle-popup-information/

treehouse : what would you like to learn today?

Forums

[Solved] How to Remove Title from just the thumbnail when rolled over