Hi Tatham,
Width the necessary adaptations, I think this does the trick:
<div style=" position:absolute; left:100px; top:100px; width: 200px;
height: 200px; overflow:hidden; border: 1px solid black">
<a href="#">Link to the article</a>
<p>Lots and lots of text. Lots and lots of text.</p>
<div style="position:absolute; z-index:2; top:20px; left:0;
height:180px; width:200px; background-color:transparent; "></div>
</div>
The div with the background-color set to transparent inhibits any click
over the text or its selection. Another possibility would be to create a
behaviour that treats the whole div as a link to the article.
Roberto
P.S.: I do not know if you received a mail I sent to you outside the
list... Some divs have background problems at a resolution of 1400x1050.
---------------------
Tatham Oddie wrote:
Patrick,
I'll clarify... basically on whatcanido.com.au we have article teasers -
they have to fill a particular area of the screen (and this can change on
the fly client side). We don't want the teasers to ever scroll.
So, our solution is to have the "read full article" link at between the
heading and the teaser. Then we just have a really long teaser in a div with
overflow:hidden. The bigger their window/screen/resolution, the bigger the
box, the bigger the teaser.
The accessibility side-effect is that they get a really long teaser.
We couldn't think of a better way to handle changing resolutions on the site
nicely. Any suggestions?
Thanks,
Tatham Oddie
Technical Director, Fuel Advance
www.fueladvance.com
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Patrick Lauke
Sent: Tuesday, 21 June 2005 6:34 PM
To: [email protected]
Subject: RE: [WSG] Preventing scrolling
Tatham Oddie
Lots and lots of content which we never expect
to fit in the box and we just want to be cut off.
However, we only want them to be able to see what
ould fit in the box. So, we need to stop them
from being able to click in the box and use their scroll
wheel. Another way they could see all the content is
by selecting what they can see and dragging down.
What's the best way from stopping this from scrolling?
Am I the only one that thinks this sort of thing goes
directly against tenets of usability and accessibility?
I'm not sure about the context, but would it not be possible
to implement some word counting / limiting on the server
(assuming this is a template for a content management
system or similar)?
Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
