Hi Alan,
I've tried to use this ellipsis class for the dashboard icon labels, and didn't
figure out how to really make it works properly :-(
I've just googled that btw:
text-overflow: ellipsis comes into play only when:
• the box has overflow other than visible (with overflow: visible the
text simply flows out of the box)
• the box has white-space: nowrap or a similar method of constraining
the way the text is layed out.
• (I added a width: 100% for the sake of IE6, in order to prevent it
from stretching up the paragraph. The other browsers don't need it.)
You should give it a try!
source: http://www.quirksmode.org/css/textoverflow.html
Remi
Le 16 janv. 2010 à 09:44, alanw a écrit :
> What do I need to change in iui.css to create the ellipsis effect
> please? This line is long and currently goes on to 2 lines and I'd
> like to cut it off. Thanks
>
> <ul id="home" title="Home" selected="true">
> <li><a href="#booksandmags">Books, Magazines, Publications</a></
> li>
> </ul>
>
> I tried to add the last 2 lines here but nothing changed:
> body > ul > li > a {
> display: block;
> margin: -8px 0 -8px -10px;
> padding: 8px 32px 8px 10px;
> text-decoration: none;
> color: inherit;
> background: url(listArrow.png) no-repeat right center;
> overflow: hidden;
> text-overflow: ellipsis;
> }
>
> I know I might need to consider shortening the row description but
> would like to know the ellipsis solution as well.
>
> Thanks.
> Alan
> PS. I've searched the forum for overflow but didn't find a simple
> answer
> --
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/iphonewebdev?hl=en.
>
>
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
