Comments on: Tooltips using CSS only, no Javascript http://stormdamage.org/tooltips-using-css-only-no-javascript/ Art, Webdesign and CSS. Thu, 20 Nov 2008 07:31:44 +0000 http://wordpress.org/?v=2.6 By: Leonie http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-96 Leonie Mon, 27 Oct 2008 11:18:31 +0000 http://stormdamage.org/?p=10#comment-96 Most certainly, simply replace the 'this is a link' text with the image, to give something like: <blockquote><a class=”tooltiplink” href=”#” rel="nofollow"><img src="image.gif" /><span> This is a tooltip</span></a></blockquote> Most certainly, simply replace the ‘this is a link’ text with the image, to give something like:

<a class=”tooltiplink” href=”#” rel=”nofollow”><img src=”image.gif” /><span> This is a tooltip</span></a>

]]> By: Florence http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-94 Florence Sun, 26 Oct 2008 14:46:43 +0000 http://stormdamage.org/?p=10#comment-94 Would it be possible to use this clever technique for images too ? Would it be possible to use this clever technique for images too ?

]]> By: Scarf*oo http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-66 Scarf*oo Wed, 20 Aug 2008 19:37:56 +0000 http://stormdamage.org/?p=10#comment-66 The title will render in most new web browsers anyway, and it will be read exceptionally well by a screen reader, which blind people normaly use. The title will render in most new web browsers anyway, and it will be read exceptionally well by a screen reader, which blind people normaly use.

]]> By: Leonie http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-63 Leonie Wed, 20 Aug 2008 08:18:02 +0000 http://stormdamage.org/?p=10#comment-63 Not sure if that's true really, as without CSS turned on the tooltip will still render along with the rest of the sentence (which admittedly may be a little syncopated). But with Javascript turned off, it won't render at all. Not sure if that’s true really, as without CSS turned on the tooltip will still render along with the rest of the sentence (which admittedly may be a little syncopated). But with Javascript turned off, it won’t render at all.

]]> By: Scarf*oo http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-62 Scarf*oo Wed, 20 Aug 2008 06:33:25 +0000 http://stormdamage.org/?p=10#comment-62 Nice tip, though I see a problem for people unable to take advantage of css, like blind people, for example. I would still prefer using the title attribute along with some javascript to style the tooltip. Nice tip, though I see a problem for people unable to take advantage of css, like blind people, for example. I would still prefer using the title attribute along with some javascript to style the tooltip.

]]> By: Gualgege http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-54 Gualgege Sun, 03 Aug 2008 18:36:25 +0000 http://stormdamage.org/?p=10#comment-54 Thank you Thank you

]]> By: Best Design Resources of July 2008 | CrazyLeaf Design Blog http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-53 Best Design Resources of July 2008 | CrazyLeaf Design Blog Fri, 01 Aug 2008 22:45:27 +0000 http://stormdamage.org/?p=10#comment-53 [...] Tooltips using CSS only, no Javascript [...] [...] Tooltips using CSS only, no Javascript [...]

]]> By: Vote for this article at blogengage.com http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-39 Vote for this article at blogengage.com Thu, 17 Jul 2008 01:47:19 +0000 http://stormdamage.org/?p=10#comment-39 <strong>Tooltips using CSS only, no Javascript...</strong> Tutorial on using tooltips without using javascript, ony CSS.... Tooltips using CSS only, no Javascript…

Tutorial on using tooltips without using javascript, ony CSS….

]]> By: Leonie http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-23 Leonie Tue, 08 Jul 2008 15:27:19 +0000 http://stormdamage.org/?p=10#comment-23 After emailing Kirk about this, it seems the problem was that he was trying to use <p> tags within the tooltip <span> tag. If anyone else would like to do this too, then all that's needed is to change the <span> tags to <div> tags. This is because <p> tags are formatting tags. <span> is not a formatting tag, so IE and Safari struggle with the layout. <div> however, is a formatting tag, and so will display the <p> tags properly. After emailing Kirk about this, it seems the problem was that he was trying to use <p> tags within the tooltip <span> tag. If anyone else would like to do this too, then all that’s needed is to change the <span> tags to <div> tags. This is because <p> tags are formatting tags. <span> is not a formatting tag, so IE and Safari struggle with the layout. <div> however, is a formatting tag, and so will display the <p> tags properly.

]]> By: antique http://stormdamage.org/tooltips-using-css-only-no-javascript/#comment-21 antique Tue, 08 Jul 2008 01:47:10 +0000 http://stormdamage.org/?p=10#comment-21 pretty nice hover effect. does this get in the way of the title attribute of the A HREF tag? pretty nice hover effect. does this get in the way of the title attribute of the A HREF tag?

]]>