Re: [WSG] funky padding
Hi John, I've found if you delete the paragraph tags containing the first and last sentences that should do the trick. You have the middle paragraph contained within a set of paragraph and blockquote tags, which will retain your layout and formatting. Since tags are considered block-level elements they automatically generate white space above and below adjacent elements. Kind regards, Mario > Hi, folks. > > I'm having a bit of trouble ridding myself of some top and bottom > padding inside a box. Can anybody assist, please? > > http://www.drzeus.net/redesign/cslewis/ > > The "quote of the day" box, to be specific. Thanks. > -- > > ~john > _ > Dr. Zeus Web Development > http://www.DrZeus.net > "content without clutter" > > > > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] funky padding
hehe...well thanks. In this case, I am my own client. *grin* The site's been up for 10 years, and this is v3.0 to keep up with the times. :) ~john _ Dr. Zeus Web Development http://www.DrZeus.net "content without clutter" on 11/19/2004 11:23 PM Iain Gardiner said the following: Hi John, "You make me feel like a pudding head, Iain. ~john" lol, not my intention at all, sorry. I sould say now that I love the clean and uncluttered design you have made. Your client should be very pleased. And I am pleased as I have been a fan of CS Lewis ever since having his books read to me by my mum as a child. :) Iain -- Iain Gardiner http://www.firelightning.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] funky padding
Hi John, "You make me feel like a pudding head, Iain. ~john" lol, not my intention at all, sorry. I sould say now that I love the clean and uncluttered design you have made. Your client should be very pleased. And I am pleased as I have been a fan of CS Lewis ever since having his books read to me by my mum as a child. :) Iain -- Iain Gardiner http://www.firelightning.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] funky padding
You make me feel like a pudding head, Iain.
~john
on 11/19/2004 11:03 PM Iain Gardiner said the following:
In addition to my previous e-mail, I also spotted this rule:
html p {
text-align: left;
line-height: 1.5; <-- This is applied to all paragraphs in
your document
}
--
Iain Gardiner
http://www.firelightning.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] funky padding
Thank you all. Still getting the hang of this. :)
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
"content without clutter"
on 11/19/2004 11:01 PM Patrick H. Lauke said the following:
No, Ian's right. You have 5px padding all the way around, and then you
have the margins of the paragraphs contained within #qotd. Add
#qotd p { margin:0; padding:0; }
to you CSS.
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] funky padding
The problem is the have a margin. You have to set the margin to 0px; Berry >Thanks for the response. The 5px padding is only applied to the left >and right (at least, that's what happens when viewing). I have no line >heights applied to that div, so I'm still not sure what's causing it. > >I really just need to remove the extra space, but I can't figure out >where it's coming from! > >~john >_ >Dr. Zeus Web Development >http://www.DrZeus.net >"content without clutter" > > > > ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] funky padding
In addition to my previous e-mail, I also spotted this rule:
html p {
text-align: left;
line-height: 1.5; <-- This is applied to all paragraphs in
your document
}
--
Iain Gardiner
http://www.firelightning.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] funky padding
Sorry to disagree, but your CSS rules for the division are as follows:
#qotd {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding: 5px; <-- Applies 5px on all sides
border-color: #C60;
border-style: dotted;
border-width: thin;
}
And then after this you don't apply any styles to the first paragraph so it
has the default margin values. Try this:
#qotd p {
margin: 0;
}
And see if it makes a difference.
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of john
Sent: 19 November 2004 22:51
To: [EMAIL PROTECTED]
Subject: Re: [WSG] funky padding
Thanks for the response. The 5px padding is only applied to the left
and right (at least, that's what happens when viewing). I have no line
heights applied to that div, so I'm still not sure what's causing it.
I really just need to remove the extra space, but I can't figure out
where it's coming from!
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
"content without clutter"
on 11/19/2004 10:16 PM Iain Gardiner said the following:
> Hi,
>
> Well at first glance I'd say the division itself has 5 px applied on
> all sides as per the #qotd rules. The extra white space is most
> probably a mix of margin and line-heights on the paragraphs you use
> within the div.
>
> Iain
>
> --
> Iain Gardiner
> http://www.firelightning.com
>
>
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> On Behalf Of john
> Sent: 19 November 2004 21:46
> To: web standards group
> Subject: [WSG] funky padding
>
>
> Hi, folks.
>
> I'm having a bit of trouble ridding myself of some top and bottom
> padding inside a box. Can anybody assist, please?
>
> http://www.drzeus.net/redesign/cslewis/
>
> The "quote of the day" box, to be specific. Thanks.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] funky padding
No, Ian's right. You have 5px padding all the way around, and then you
have the margins of the paragraphs contained within #qotd. Add
#qotd p { margin:0; padding:0; }
to you CSS.
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] funky padding
Thanks for the response. The 5px padding is only applied to the left and right (at least, that's what happens when viewing). I have no line heights applied to that div, so I'm still not sure what's causing it. I really just need to remove the extra space, but I can't figure out where it's coming from! ~john _ Dr. Zeus Web Development http://www.DrZeus.net "content without clutter" on 11/19/2004 10:16 PM Iain Gardiner said the following: Hi, Well at first glance I'd say the division itself has 5 px applied on all sides as per the #qotd rules. The extra white space is most probably a mix of margin and line-heights on the paragraphs you use within the div. Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of john Sent: 19 November 2004 21:46 To: web standards group Subject: [WSG] funky padding Hi, folks. I'm having a bit of trouble ridding myself of some top and bottom padding inside a box. Can anybody assist, please? http://www.drzeus.net/redesign/cslewis/ The "quote of the day" box, to be specific. Thanks. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] funky padding
Hi, Well at first glance I'd say the division itself has 5 px applied on all sides as per the #qotd rules. The extra white space is most probably a mix of margin and line-heights on the paragraphs you use within the div. Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of john Sent: 19 November 2004 21:46 To: web standards group Subject: [WSG] funky padding Hi, folks. I'm having a bit of trouble ridding myself of some top and bottom padding inside a box. Can anybody assist, please? http://www.drzeus.net/redesign/cslewis/ The "quote of the day" box, to be specific. Thanks. -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net "content without clutter" ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
