Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

2010-11-18 Thread Thierry Koblentz
Hi Alan, > The article fails to mention about how position:relative can generate a > new containing block for descendants elements with a position value of > either absolute or fixed. I believe this is true for "absolute", but not for "fixed" as for the latter the reference is the viewport. -- R

Re: [css-d] More IE7 stacking / z-index issues

2010-11-18 Thread Alan Gresley
On 19/11/2010 9:27 AM, Tim Wolf wrote: Thanks to the information discussed a couple weeks back on this issue I thought I had the IE7 z-index issue solved with my drop-down menu. Apparently not. You running into a similar issue with IE7 handling of position:relative which incorrectly establish

Re: [css-d] OK to insert block-level tag inside div?

2010-11-18 Thread Alan Gresley
On 19/11/2010 10:15 AM, John 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 thanks! John If this is what you have, then theoretically, no class is need. If the text that is bold is a heading,

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

2010-11-18 Thread Alan Gresley
On 19/11/2010 4:37 AM, Thierry Koblentz wrote: Hi Tim, The red box *and* the document have nothing to do with the offset of that box. Not entirely true. Yes, the blue box is offset in relation to where it would be without position. But "where the blue box would be" depends directly on other

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

2010-11-18 Thread Thierry Koblentz
> > 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

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

2010-11-18 Thread John
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

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

2010-11-18 Thread Thierry Koblentz
> >> 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; > > } >

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

2010-11-18 Thread John
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 d

Re: [css-d] OK to insert block-level tag inside div?

2010-11-18 Thread John
One thing I tried here was to make a new p class: .dotted { border-top: 1px dotted #000; padding: 8px 0 0 0; } that top padding value of 8px gets the line where I want it vertically... the portion I don't want to have with the dotted line, I just closed that p tag after th

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

2010-11-18 Thread Thierry Koblentz
> 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 www.tjkdesi

Re: [css-d] OK to insert block-level tag inside div?

2010-11-18 Thread John
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 thanks! John On Nov 18, 2010, at 2:42 PM, David Laakso wrote: On 11/18/10 4:34 PM, John wrote: But I'd like to ad a dotted line between to paragra

Re: [css-d] OK to insert block-level tag inside div?

2010-11-18 Thread David Laakso
On 11/18/10 4:34 PM, John wrote: But I'd like to ad a dotted line between to paragraphs... Others have answered your question. However, if you are still having difficulty, it always a good idea to put the page in question on a public server and provide a clickable link to it in your post t

Re: [css-d] [+] OK to insert block-level tag inside div?

2010-11-18 Thread Thierry Koblentz
> Yes, but paragraphs are block-level elements, so simply give a class to > one > of the paragraphs to create that border. > One thing you'll notice though, is that once you apply a border to a > paragraph its margin will not collapse with the margin of its sibling > (see > "margin collapsing"). B

[css-d] More IE7 stacking / z-index issues

2010-11-18 Thread Tim Wolf
Thanks to the information discussed a couple weeks back on this issue I thought I had the IE7 z-index issue solved with my drop-down menu. Apparently not. My CSS-only (slightly modified Stu Nichols droplist) drop-down menu was displaying (stacking) behind the content below the navs. Had it fixed

Re: [css-d] OK to insert block-level tag inside div?

2010-11-18 Thread G.Sørtun
On 18.11.2010 22:34, John wrote: Hello; This is related to my question yesterday about proper use of div tags... I now get that an ID must be used only once on a page. Within div tags (from code generously provided here) I've been able to format specific bits of content, like text, using clas

Re: [css-d] OK to insert block-level tag inside div?

2010-11-18 Thread Beth Lee
On Thu, Nov 18, 2010 at 2:34 PM, John wrote: > I now get that an ID must be used only once on a page. Within div tags (from > code generously provided here) I've been able to format specific bits of > content, like text, using classes and tags. > > But I'd like to ad a dotted line between to par

Re: [css-d] [+] OK to insert block-level tag inside div?

2010-11-18 Thread Thierry Koblentz
> This is related to my question yesterday about proper use of div > tags... > > I now get that an ID must be used only once on a page. Within div > tags (from code generously provided here) I've been able to format > specific bits of content, like text, using classes and tags. > > But I'd like

[css-d] OK to insert block-level tag inside div?

2010-11-18 Thread John
Hello; This is related to my question yesterday about proper use of div tags... I now get that an ID must be used only once on a page. Within div tags (from code generously provided here) I've been able to format specific bits of content, like text, using classes and tags. But I'd like to

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

2010-11-18 Thread Thierry Koblentz
Hi Tim, > > The red > > box *and* the document have nothing to do with the offset of that > > box. > > Not entirely true. Yes, the blue box is offset in relation to where it > would be without position. But "where the blue box would be" depends > directly on other elements (previous siblings an

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

2010-11-18 Thread Climis, Tim
> The red > box *and* the document have nothing to do with the offset of that > box. Not entirely true. Yes, the blue box is offset in relation to where it would be without position. But "where the blue box would be" depends directly on other elements (previous siblings and parents, i.e, the

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

2010-11-18 Thread Thierry Koblentz
> Example D > > shows our new markup. Because of the new coordinate system, the > blue > block measures its offset 200 pixels from the left of the red block > (|#box_1|) instead of the document. > > Yes, and by