Hi Rich, In both cases it appears that a <br/> is the problem. This <br/> is adding more than one line of space because it is between two block-level elements (a heading and a parragraph) that have vertical margins. The total space created is one line break from the <br/> plus the bottom margin of the above heading, plus the top margin of the parragraph below. This adds up to about 3 lines not the expected 1. Without the <br/> the upper and lower margins collapse together leaving about 1 line of space.
If you want to add an extra line of space below the heading then just increase the bottom margin on this heading instead of adding the <br/>, that should do it. I hope that helps. - Matt =) Matthew James Taylor http://matthewjamestaylor.com > Hi > > I have puzzled over the css for days and tried experimenting with > different layouts and still find a large gap appearing. See this site: > <http://cornwallfineart.co.uk/paintings/?antcat=1&product=2> > CSS: > <http://cornwallfineart.co.uk/wp-content/themes/uzella/style.css> > > The gap exists between the header "Beatiful2: and the description. I > have tried varying the styling here: > <http://macintoshantiques.com/antique-gallery/?antcat=11&product=11> > CSS: > <http://macintoshantiques.com/wp-content/themes/grey/style.css> > > But even though it doesn't look like it, the gap is still there. > > Any ideas please? Thanks. > -- > Kind regards > Rich > http://www.cregy.co.uk ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
