Sent by Ingo Chao on 17 May 2005 11:11
Ingo Chao schrieb:
> I forgot to mention that the text content of the span will be read
> obviously by screen readers, maybe openedbracketdotdotdotclosedbracket,
> and will appear useless in no-style-view, but this should be easy to
> address with an background-image of an ellipsis instead of a
> text-ellipsis, and a appropriate width for the span. I haven't tried it
> yet, though.
>
> I don't know if link:after-method would give the freedom to float-drop
> and position, but I don't think so.
>
scrap the last line of my post.
Ingo
dd{
width: 10em; /* constrain width try 20em */
height: 1em; /* constrain height */
line-height:1em; /* to be adjusted */
overflow: hidden; /* hide excess */
position:relative; /* Fix IE missing overflow bug of r.p. span */
background: yellow; /* for demo */
}
dd a {
float:left;
white-space: nowrap; /* prevents Opera's wrapping of the link and
destroying the r.p. */
}
dd span.ellipsis {
float: right; /* shall drop when the link is too long */
position:relative; /* move after page flow is done */
margin-top:-1em; /* adjust */
z-index:1; /* higher layer */
background: white; /* overpaint */
}
dd span:after {
content: "\A0(...)"; /* hex nbsp*/
}
</style>
</head>
<body>
<dt>Name of the resource</dt>
<dd>
<a href="http://longcrazyurl.net/blah/de/blah/de/blah.html"
title="longcrazyurl.net/blah/de/blah/de/blah.html">
longcrazyurl.net/blah/de/blah/de/blah.html
</a>
<span class="ellipsis"><!--[if lte IE 6]> (...)<![endif]-->
</span>
</dd>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
