RE: [WSG] Spacing Between Paragraphs

Iain Gardiner Wed, 04 Aug 2004 13:39:04 -0700

Title: Message

You need to play around with margins. Set the bottom-margin property of your <span class="contact_Name"> to 0 and the the same with the top-margin of the <p class="p">, so:

.contact_name {

margin-bottom: 0;

}

#contacts .p {

margin-top: 0;

}

I think that might work, but I must say I agree with other posters on this subject that you could mark this up in a much more logical way to avoid so many otherwise redundant classes. I would do it this way:

<dl>

<dt>Contact</dt>

<dd>Contact name</dd>

</dl>

</div>

and the CSS would be:

.contacts .contact_img {

width: 45px;

height: 45px;

margin: 3px;

float: left;

}

.contacts .contact dl {

margin-left: 52px;

padding: 0;

}

.contacts .contact dl dt {

margin-bottom: 0;

padding: 0;

}

.contacts .contact dl dt {

margin-top: 0;

padding: 0;

}

Obviously it would need a little more tweaking to get it to look how you want. :)

------------------
Iain Gardiner
http://www.firelightning.com

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Audano, Chris
Sent: 04 August 2004 21:06
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Spacing Between Paragraphs

I can’t believe I did that….oops!

Still, how do you push up the second line to go directly under the title? I read that you shouldn’t use a negative padding number…right?

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Iain Gardiner
Sent: Wednesday, August 04, 2004 1:38 PM
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Spacing Between Paragraphs

You need to use this selector:

    #contacts .p { etc...

instead of the .p contacts { you currently have since there is no such element as 'contacts'.

Hope this helps. :)

------------------
Iain Gardiner
http://www.firelightning.com

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Audano, Chris
Sent: 04 August 2004 19:11
To: [EMAIL PROTECTED]
Subject: [WSG] Spacing Between Paragraphs

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>>

RE: [WSG] Spacing Between Paragraphs

Reply via email to