Yeah that's looking like it works, I think I tried floating the list earlier and that didn't work...
thanks, bryan Rasmussen On Sep 1, 2:06 pm, Bazinga Designs <[email protected]> wrote: > or put whatever you want inside in a "display:block" wrapper container and > then do your magic you wanted to do directly to the h3 element > > W dniu 1 września 2011 13:58 użytkownik Bazinga Designs < > [email protected]> napisał: > > > > > 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 > > -- > 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]
