Brandtley McMinn <[email protected]> Dec 28 11:51AM -0600
^<mailbox:///C%7C/Documents%20and%20Settings/Administrator/Application%20Data/Thunderbird/Profiles/eq39ey5c.default/Mail/Local%20Folders/Web-tech.sbd/CSS?number=10765125#digest_top>
Why have you given the date it's own <h4> tag?
An easier way to handle this, since <h#> tags are typically block-level
elements is to stick like content with like content. Namely your author
and date.
<h1>Nehemia“Skip” James</h1>
<h2>The blues' dark prophet</h2>
<h3>by Keith Purtell</h3>
<h4>March 11, 1998</h4>
Should be more like
<h1>Nehemia “Skip” James</h1>
<h2>The blues' dark prophet</h2>
<h3>by Keith Purtell <span class="date">March 11, 1998</span></h3>
This solves your float issue with the image. Your CSS would need to be:
h3 {
... all your original CSS...
float: left;
width: 100%;
}
h3 .date {
font-weight: normal;
padding-left: 12px;
margin-left: 10px;
border-left: 1px solid #f00;
}
this takes your <h3>, makes it 100% the width of it's parent tag <div
id="article"> and then adds padding to the .date class object within the
<h3> tag.
Thank you, Brandtley, that cleared up the problem in a very efficient way!
- Keith
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
