Re: [css-d] Line break issues
On 10/19/05, Chad Calhoun [EMAIL PROTECTED] wrote: Is there any possible way to make line breaks before closed tags actually create a line break? I work with clients who have both flash and html sites and am trying to make the html text look like flash due to flash's inability to handle html correctly. Here's an example: Code: pSome text goes herebr/ppMore text/p Couldn't you give every br / a margin or padding in the CSS? Usually in my stylesheets I apply a bottom margin to all paragraphs, usually .5em, and I'm sure you could just do that to your br's: br { margin-bottom:.5em; } Basically that should beef them up and force them to take up space. -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com __ 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] Line break issues
Yeah, but not every paragraph will have a br / at the end of it. Those are the cases where I need to do this. Margins are the way to go, here. Do you need this extra space at every occurrence of a paragraph, list, etc., or only on some of them? If on only some of them, you will need to apply a class or use some kind of contextual selector to single out the ones you want. The most practical solution will depend on your specific situation. If you can provide some more details (best: provide a URL), we could express more definite opinions as to the best method. -- -Adam Kuehn __ 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] Line break issues
Is there any possible way to make line breaks before closed tags actually create a line break? pSome text goes herebr/ppMore text/p This might well do the trick. Do a global search and replace of your web pages. Find: br/p Replace: brnbsp;/p The space character ensures that there is some content after the br. I've made a habbit of using it whenever using a br in places like you are. I recall reading this long ago in some book or web site. Using brs like this (either with or without the space character) is an older (presentational) markup method that I try to avoid these days. Using brs is not advised (in most cases) as a best practice, hence some of the responses you've received about using margins, etc. Larry __ 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] Line break issues
Chad Calhoun wrote: Has anybody worked with styling a br /? What attributes are able to be applied? Essentially none that'll affect space - unless you use Moz/Firefox. Moz/FF can take 'float', 'positive margin', 'font-size/line-height' 'height', and IE/Mac reacts to some of it. No effect in Opera, Safari and IE/win, AFAIK. regards Georg -- http://www.gunlaug.no __ 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] Line break issues
At 11:52 AM -0400 10/19/05, Chad Calhoun wrote: I can't add a margin to p because I only need it to apply on the first paragraph there (with the br //p). I can't add a bottom-margin to all br tags because it would create a margin in the middle of the paragraph and still would have inconsistencies. What you need is to style br:last-child, but this solution requires a CSS3-capable browser (Mozilla understands this selector). If you want to bring IE along for the ride, however, I'm afraid you are stuck with classes, search replace, or scripting, as others have suggested. Sorry there is no easy answer for this particular problem. -- -Adam Kuehn __ 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] Line break issues
This is pretty damn close but not quite. I think we've pretty much exhausted my idea of doing this strictly with css. Thanks anyways. -Original Message- From: Adam Kuehn [mailto:[EMAIL PROTECTED] Sent: Wednesday, October 19, 2005 4:02 PM To: Chad Calhoun; 'CSS List' Subject: RE: [css-d] Line break issues At 11:52 AM -0400 10/19/05, Chad Calhoun wrote: I can't add a margin to p because I only need it to apply on the first paragraph there (with the br //p). I can't add a bottom-margin to all br tags because it would create a margin in the middle of the paragraph and still would have inconsistencies. What you need is to style br:last-child, but this solution requires a CSS3-capable browser (Mozilla understands this selector). If you want to bring IE along for the ride, however, I'm afraid you are stuck with classes, search replace, or scripting, as others have suggested. Sorry there is no easy answer for this particular problem. -- -Adam Kuehn __ 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/