Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
span or div
- Thread starter amiw
- Start date
Afaik, the only difference between SPAN and DIV is the default behaviour.
SPAN is the width of it's content, and DIV is the width of it's parent element.
You can edit the properties of each to clone the other.
--Glen
Memoria mihi benigna erit qui eam perscribam
SPAN is the width of it's content, and DIV is the width of it's parent element.
You can edit the properties of each to clone the other.
--Glen
Memoria mihi benigna erit qui eam perscribam
Span is inline, div is a block level element. Depends what you want to do. If you are defining a division, you should use div, if you are defining a special word in context you should use span. By the looks of it, you should use one of the h1-6 elements or skip the inner element entirely and go with th.
- Thread starter
- #5
This is changing the semantics of the element. Come think of it, you could do the following:
But I don't think it would really be advisable. Yes you can change the behaviour of every element and style it yourself, but it is hardly worth the trouble or smart for that matter.
Code:
<strong style="display: table;">
<body style="display: table-row;">
<p style="display: table-cell;">Cell 1,1</p>
<a style="display: table-cell;">Cell 1,2</a>
</body>
<em style="display: table-row;">
<body style="display: table-cell;">Cell 2,1</body>
<table style="display: table-cell;">Cell 2,2</table>
</em>
</strong>amiw, what Glen said is really simple way of saying what I said. Span is an inline element -- just like text, images, inputs, bolds and such. As such, span encompasses text that it sorrounds and styles this text but does not affect other elements around it. Div is a block level element, meaning that it creates a block where used. If you would use div in a middle of the line, text in a div would start in a new line, since div made a new block. Similarly, the text following will be displayed below this invisible block. With span, the breaks would not occur, since it is inline and does not create this block. Hope it makes sense.
- Thread starter
- #8
Probably neither. If you're identifying a header in your document there are elements intended to do just that. You can then use CSS to style them how you want them. I'd probably go with this:
Code:
<table>
<tr>
<th colspan="2">Directory
</th></tr>-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
Can't argue with that.
There's an element for doing what you want to do, why invent your own?
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
There's an element for doing what you want to do, why invent your own?
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
- Status
Similar threads
