Re: Problem with line spacing when using display:inline

"Danny@Kendal" <danny (AT) STOPSPAMghpkendal (DOT) co.uk> wrote:

I have a small <div> element which contains two text blocks - one within
h5> tags and the other within <p> tags.
I don't want any extra line spacing between elements so use the
display:inline property.

Bad move, remove it and the <br>, use the margin and padding property to
adjust space.

Google for a good tutorial on CSS, as you seem to have wrong ideas about
this rather basic stuff.

--
Spartanicus

"Spartanicus" <me (AT) privacy (DOT) net> wrote

"Danny@Kendal" <danny (AT) STOPSPAMghpkendal (DOT) co.uk> wrote:

I have a small <div> element which contains two text blocks - one within
h5> tags and the other within <p> tags.
I don't want any extra line spacing between elements so use the
display:inline property.

Bad move, remove it and the <br>, use the margin and padding property to
adjust space.

Ya fekin beauty! :-)

..infoBody{font-size:10px; margin:0}
..infoHead{font-size:12px; margin:0}

That works exactly how I want it to across all 3 browsers I use.

I usually use www.w3school.com for looking up how to do things.
Good? Bad? Know ye of anything better?

Danny@Kendal wrote:

I usually use www.w3school.com for looking up how to do things.
Good? Bad? Know ye of anything better?

http://www.w3.org/TR/REC-CSS1 (CSS 1)
http://www.w3.org/TR/CSS21/ (CSS 2.1)

The definitive reference.

--
Mark.
http://tranchant.plus.com/

On Fri, 6 Aug 2004 12:51:20 +0100, Danny@Kendal
<danny (AT) STOPSPAMghpkendal (DOT) co.uk> wrote:

"Spartanicus" <me (AT) privacy (DOT) net> wrote in message
news:vbq6h01r35l2jsqhopqaidok77brp2a6t8 (AT) news (DOT) spartanicus.utvinternet.ie...
"Danny@Kendal" <danny (AT) STOPSPAMghpkendal (DOT) co.uk> wrote:

I have a small <div> element which contains two text blocks - one
within
h5> tags and the other within <p> tags.
I don't want any extra line spacing between elements so use the
display:inline property.

Bad move, remove it and the <br>, use the margin and padding property to
adjust space.

Ya fekin beauty! :-)

.infoBody{font-size:10px; margin:0}
.infoHead{font-size:12px; margin:0}

That works exactly how I want it to across all 3 browsers I use.

I usually use www.w3school.com for looking up how to do things.
Good? Bad? Know ye of anything better?

w3schools does state that HTML should not be used for presentation, but
simply to describe the content for the browser to render. Your
presentational ideas are best suggested via CSS.

BTW, px and pt are poor choices for font size on the web. These sizes may
be illegible for many users and unchangeable on many UAs. Best practice -
use 100% for smallest text meant to be legible, and smaller ONLY for
legalese and other content not meant to be read by the common user.