Eliminate spaces

[timmytots]

I've mastered classes (.whatever) and i'm using them whenever u need to in the xhtml. But they have to be in between <p></p> tags don't they? And this means they create a space that u don't necessarily want. Is there any way of eliminating the space?

Thanks.

[Pheonix]

to get rid of the spaces created by <p></p> use

Code: Select all

p { margin: 0px; padding: 0px; }

But i'm not sure what you mean by they have to be inside a <p></p> could you clarify?

[herkalees]

No; class tags, as well as ID tags (you sure you know when to use which?) get added as attributes into just about any element. Like this:

Code: Select all

<p class="className"></p>
or
<h1 id="title"></h1>
or
<ul class="nav">
<li></li>
<li></li>
</ul>

I just re-read your post... if you're looking to remove the default padding/margin given by a browser to a paragraph tag, just do something like this:

Code: Select all

p {margin:0; padding:0;}

[timmytots]

I say they must be between <p></p> cos if they aren't then "class="whatever" " is treated as text. No?

<p class="whatever"> hello
</p>

would output: "hello" in whatever style, but:

class="whatever"> hello

would output: class="whatever"> hello

[Pheonix]

Well yes, but instead of <p> you can also use <div></div> or <span></span> almost any tag can have a class.

[timmytots]

Great. Thanks. Just to clarify: what do they mean, span/div, and what's the difference?

[Pheonix]

A div is a block, a span is inline.

You use span basicly the same way you would use a paragraph, accept you can have a span inside a paragraph (and I think you can have a span inside a span)

Originally Posted by http://www.w3schools.com/css/pr_class_display.aspw3schools

block: The element will be displayed as a block-level element, with a line break before and after the element.
inline: The element will be displayed as an inline element, with no line break before or after the element

[timmytots]

OK so a div doesn't create any space like a <p> does but it means that whatever follows goes on the next line? Whereas span means you can close stuff and whateevers next is on the same line, side by side like what i've done with the text and flash and have succeeded?

PS, are <br> s OK to use? Are they W3 acceptable? are they written </ br> ?

[Pheonix]

yeah something like that.

use <br />

[herkalees]

Originally Posted by timmytots

OK so a div doesn't create any space like a <p> does but it means that whatever follows goes on the next line? Whereas span means you can close stuff and whateevers next is on the same line, side by side like what i've done with the text and flash and have succeeded?
PS, are <br> s OK to use? Are they W3 acceptable? are they written </ br> ?

A div will not create any padding or margin by default, because semantically, it isn't supposed to do anything but create a page division; a.k.a an area that divides up a page in one way or another.
A <p> element on the other hand is supposed to wrap a paragraph of text, and therefore, has natural padding and margins built into it prior to specifying anything with CSS.
To keep your code semantic, try to use <p>'s where they're proper; for paragraphs of text. Everything else should get a <div>, <span>, or another appropriate element.
<br /> are breaks, and shouldn't be used to mimmick the appearance of paragraphs. They can, it will work, but it's not the right way. A lot of "developers" will do the following to create the appearance of paragraphs:

Code: Select all

text text text text text text text
text text text text text text text
text text text text text
<br /><br />
text text text text text text text
text text text text text text text

When this is the correct way:

Code: Select all

<p>text text text text text text
text text text text text text text text text</p>
<p>text text text text text text
text text text text text text text text text</p>