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]
