Re: [css-d] wrapping long URLs

Ingo Chao Tue, 17 May 2005 03:23:53 -0700

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]>&nbsp(...)<![endif]-->
</span>
   </dd>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] wrapping long URLs

Reply via email to