On Nov 18, 2010, at 5:03 PM, Thierry Koblentz wrote:
but why, then, after I add a margin-top: 8px to my code, does that
paragraph
go wider? By wider, I mean that it widens to the width of the
parent div which contains all that stuff...the small head, the big
head and date the dotted line
I don't know why that image is stretched vertically; it's well- behaved
on my local drive.
Because of height: 100%.
If you change that to height: auto; or take out the height property completely,
it behaves just fine.
But height 100% means Make this image 100% of the height of its parent
Why does adding 8px to my margin top make that paragraph go as wide
as the container? why wouldn't it make the text respect the existing
space all the way around?
Here's the class in question:
.dotted {
border-top: 1px dotted #000;
padding: 8px 0 0 0;
margin: 8px 0 0 0;
On Mon, Nov 22, 2010 at 5:02 PM, John j...@coffeeonmars.com wrote:
Why does adding 8px to my margin top make that paragraph go as wide as the
container? why wouldn't it make the text respect the existing space all the
way around?
Here's the class in question:
.dotted {
border-top:
On 11/22/10 5:02 PM, John wrote:
Why does adding 8px to my margin top make that paragraph go as wide as
the container? why wouldn't it make the text respect the existing
space all the way around?
Tim answered your question.
Fwiw:
Keep it simple. Keep it valid. Avoid break tags. Hold +2
OK..Here's a link to a graphic showing the dotted line and its
position which I'm after:
http://thinkplan.org/workshop/pix/dottedline.jpg
Try this:
.myParagraph {
margin-top:10px;
padding-top:10px;
border-top:1px dotted #333;
}
--
Regards,
Thierry
On Nov 18, 2010, at 4:04 PM, Thierry Koblentz wrote:
OK..Here's a link to a graphic showing the dotted line and its
position which I'm after:
http://thinkplan.org/workshop/pix/dottedline.jpg
Try this:
.myParagraph {
margin-top:10px;
padding-top:10px;
border-top:1px
OK..Here's a link to a graphic showing the dotted line and its
position which I'm after:
http://thinkplan.org/workshop/pix/dottedline.jpg
Try this:
.myParagraph {
margin-top:10px;
padding-top:10px;
border-top:1px dotted #333;
}
thanks, Thierry;
looks
On Nov 18, 2010, at 4:21 PM, Thierry Koblentz wrote:
The padding is what creates the gap below the border, the margin is
what
creates the gap above the border.
You may have the space above the border already created by the
bottom margin
of the previous sibling, but in any case, that should
Zounds! I believe that I understand that entire paragraph! but why,
then, after I add a margin-top: 8px to my code, does that paragraph
go wider? By wider, I mean that it widens to the width of the
parent div which contains all that stuff...the small head, the big
head and date the dotted
10 matches
Mail list logo