Menu
Community /Pin to ProfileBookmark
@NogDogNov 12.2004 — #
Aha, since font is an inline element by default, I think you need to add [FONT=courier new][B][COLOR=darkred]display: block;[/COLOR] [/B][/FONT] to your header class, perhaps, for things like margin to work?
[i]PS: <span> would probably be more appropriate that <font> here.[/i]
[b]PPS: In fact, wouldn't it make more sense to make this a h1, h2, h3, or h4 tag?[/b]@NogDogNov 12.2004 — #Sure, you could do something like this:
However, I suspect the "semantically correct HTML" police may start suspecting you of using tables for formatting purposes instead of simply the presentation of tabular material. ? (Hard to tell yet without seeing what you're really trying to do.)
Controling line height of a single line
Greetings,
I have a class called “header” and I am trying to give it a touch of extra space between it and the next line.
All of my headers are just a few words and thus on one line. I tried placing “line-height: 1.5em” in my “header” class and it shows up correctly in Dreamweaver but not in IE. My thought is, because it is only a single line, that class value does not kick in because there is no second line for that class.
Is there a way to conrol this in CSS or am I going to have to resort to using a….gulp…..spacer?
Thanks in advance..
Sign in
to post a comment11 Comments(s) ↴
0
@NogDogNov 12.2004 — #[i]Originally posted by niemie [/i]
[B]the <font> element.
<td width="70%" class="body">
<font class="header">HEADER GOES HERE</font><br>
Body text starts here.....
</td> [/B][/QUOTE]
Aha, since font is an inline element by default, I think you need to add [FONT=courier new][B]
[i]PS: <span> would probably be more appropriate that <font> here.[/i]
[b]PPS: In fact, wouldn't it make more sense to make this a h1, h2, h3, or h4 tag?[/b]
0
@NogDogNov 12.2004 — #Sure, you could do something like this:<i>
</i><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
table {
border-collapse: collapse;
border: 2px solid black;
}
td {
margin: 0;
padding: 1em;
}
.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
text-decoration: underline;
font-size: 13px;
margin-bottom:2em
}
</style>
</head>
<body>
<table>
<tr>
<td>
<h1 class=header>Header Text</h1>
<p>This is the body text of the table cell</p>
</td>
</tr>
</table>
</body>
</html>
However, I suspect the "semantically correct HTML" police may start suspecting you of using tables for formatting purposes instead of simply the presentation of tabular material. ? (Hard to tell yet without seeing what you're really trying to do.)