- From: Frank Hellenkamp <jonas@depagecms.net>
- Date: Thu, 29 May 2008 10:23:01 +0200
> I agree that this is an unconvincing example, but consider instead > banner ads that are created from a bunch of HTML markup rather than a > single image; they generally want the entire banner rectangle to be > "clickable" but make use of tables and all sorts of other strange things. I also think, that the banner is not a convincing example. But I step over different kinds of teaser (news- and article-teasers) during my work, that are made out of images, text and headlines. Now, you have to do this (without javascript): <div class="teaser"> <a href="link.html"><img src="image.png"></a> <h3><a href="link.html">newsteaser</a></h3> <p><a href="link.html">Text</a></p> <p><a href="link.html">Text</a></p> </div> If you are good, you also set the a-elements to "display: block" so that the whole area is clickable, not only the text. It would be *much* more simple/useful to have something like this: <div class="teaser" href="link.html"> <img src="image.png"> <h3>newsteaser</h3> <p>Text</p> <p>Text</p> </div> Or this: <a href="link.html"> <div class="teaser"> <img src="image.png"> <h3>newsteaser</h3> <p>Text</p> <p>Text</p> </div> </a> By the way: It would be more accessible with the mouse in this case, because the clicking-area is much bigger (without css-tricks). best regards frank -- frank hellenkamp | interface designer hasenheide 53 | 10967 berlin +49.30.49 78 20 70 | tel +49.173.70 55 781 | mbl +49.1805.4002.243 912 | fax jonas at depagecms.net | mail http://depagecms.net strnr 14/339/61587
Received on Thursday, 29 May 2008 01:23:01 UTC