did you try just floating the h3 to the left?
h3.thisH3 {
width:whatever;
float:left;
display:block;
}
2011/9/1 bryan <[email protected]>
> No I've tried these various display variations: block, inline-block,
> inline, run-in
>
> my html is
>
> <h3>Text that needs to be truncated here</h3>
> <ul class="actions">
> <li>action 1</li>
> </ul>
>
>
> I can of course change the html but at that point I might decide just
> to truncate on the server because in the old framework from which we
> are porting we truncated on the server. I don't want to try to
> restructure markup and then run into a cascading (no pun intended)
> list of changes to be implemented.
>
> Thanks,
> Bryan Rasmussen
>
> On Sep 1, 1:34 pm, Bazinga Designs <[email protected]> wrote:
> > try display:inline-block;
> >
> > 2011/9/1 bryan <[email protected]>
> >
> >
> >
> > > that's the css solution I'm using that is not working,
> >
> > > it works if the h3 is set to display:block, if it is set to
> > > display:inline the text keeps going for ever and ever.
> >
> > > thanks,
> > > Bryan Rasmussen
> >
> > > On Sep 1, 12:58 pm, Bazinga Designs <[email protected]> wrote:
> > > > there should be a couple of solutions here,
> >
> > > > one is to shorten the text to required length before it's displayed
> > > > (whatever backend you use, by number of characters/words) or
> > > > you could make use of css here:
> >
> > > > set the container to overflow:hidden; then add also this thing:
> > > > text-overflow:ellipsis;
> >
> > > > 2011/9/1 bryan <[email protected]>
> >
> > > > > Hi,
> >
> > > > > I have an H3 element with text that I have to truncate.
> > > > > That H3 is with display:inline, because there is a following ul
> that
> > > > > is display inline in order to get them nicely lined up together.
> >
> > > > > From what I've seen most css truncation of text assumes display
> block
> > > > > - is there any way to do this without switching around my markup?
> >
> > > > > Thanks
> >
> > > > > --
> > > > > --
> > > > > You received this because you are subscribed to the "Design the Web
> > > with
> > > > > CSS" at Google groups.
> > > > > To post: [email protected]
> > > > > To unsubscribe: [email protected]
> >
> > > > --
> > > > BAZINGA Designs
> >
> > > >http://www.bazingadesigns.com
> >
> > > > Igor Wnuk
> > > > Ul. PCK 5/20
> > > > 24-100 Puławy
> >
> > > > tel. 667 200 706
> >
> > > > REGON: 060622686
> > > > NIP: 716-255-43-47
> >
> > > --
> > > --
> > > You received this because you are subscribed to the "Design the Web
> with
> > > CSS" at Google groups.
> > > To post: [email protected]
> > > To unsubscribe: [email protected]
> >
> > --
> > BAZINGA Designs
> >
> > http://www.bazingadesigns.com
> >
> > Igor Wnuk
> > Ul. PCK 5/20
> > 24-100 Puławy
> >
> > tel. 667 200 706
> >
> > REGON: 060622686
> > NIP: 716-255-43-47
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
>
--
BAZINGA Designs
http://www.bazingadesigns.com
Igor Wnuk
Ul. PCK 5/20
24-100 Puławy
tel. 667 200 706
REGON: 060622686
NIP: 716-255-43-47
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
