|
How
about looking at it in a different light.
Use a
data list.
<dl>
<dt>Contacts</dt>
<dd>Contact Name</dd>
<dd><span><img
src=""...></span>
</dl>
Use
your style sheet to move the dd with span to the left, the dt and other dd's to
the right and you can add more contact names by simply adding more
dd's.
It's
more semantic than a paragraph tag.
Somewhere out there, a genius put together a great web site to do this
very style sheet with dl lists. I used it in a project and lost track of
where it is.
Ted
I’m
new to CSS and I’m having difficulties trying to make two paragraphs look as
one (without extra line spacing). I have a graphic to the left with a
title “Contacts” to the right of the graphic. I would like the “Contact
Name” to go directly under the title “Contacts” without extra spacing.
Using the “.p contacts” doesn’t seem to do anything no matter how I modify
it.
Can
anyone assist?
![]()
<div id="contacts">
<p
class="contacts_img"><img
src="" alt="Question Mark
Graphic" width="45" height="45"></p>
<span
class="contact_Name">Contacts</span>
<p class="p">Contact
Name</p>
</div>
#contacts{
font-size:80%;
text-align:left;
}
.contacts_img{
float:left;
width: 4em;
padding: 0 0 0 3px;
}
.contact_Name {
font-size: 125%;
font-weight: bold;
color: #006699;
}
.p
contacts{
line-height: 14pt;
font-weight:bold;
}
Chris
Audano
City of
Overland
Park
Information
Technology
913-895-6069
[EMAIL PROTECTED]
|
<<image001.jpg>>
