Previous Message
Next Message

wrapping long URLs

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.

    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 {
    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*/



    <dt>Name of the resource</dt>
       <a href=""
       <span class="ellipsis"><!--[if lte IE 6]>&nbsp(...)<![endif]-->

css-discuss [EMAIL-REMOVED]]
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: