Rocksolid Light

Welcome to novaBBS (click a section below)

mail  files  register  newsreader  groups  login

Message-ID:  

Killing is wrong. -- Losira, "That Which Survives", stardate unknown


devel / comp.infosystems.www.authoring.stylesheets / clear:both after an element

SubjectAuthor
* clear:both after an elementStan Brown
+* Re: clear:both after an elementPhilip Herlihy
|`* Re: clear:both after an elementStan Brown
| `* Re: clear:both after an elementPhilip Herlihy
|  +* Re: clear:both after an element [THIS WORKS]Philip Herlihy
|  |`- Re: clear:both after an element [THIS WORKS]Stan Brown
|  +* Re: clear:both after an element [THIS DOESN'T WORK]Philip Herlihy
|  |+* Re: clear:both after an element [THIS DOESN'T WORK]Stan Brown
|  ||`* Re: clear:both after an element [THIS DOESN'T WORK]Philip Herlihy
|  || `- Re: clear:both after an element [THIS DOESN'T WORK]Stan Brown
|  |`* Re: clear:both after an element [THIS DOESN'T WORK]Ben
|  | `- Re: clear:both after an element [THIS DOESN'T WORK]Philip Herlihy
|  `- Re: clear:both after an elementStan Brown
+* Re: clear:both after an elementJš•’š•žš•–š•¤ š•‚š•šš•£š•œ
|+* Re: clear:both after an elementStan Brown
||`- Re: clear:both after an elementPhilip Herlihy
|`* Re: clear:both after an elementPhilip Herlihy
| `- Re: clear:both after an elementStan Brown
`* [OT] html messag [subject-was]Re: clear:both after an elementJš•’š•žš•–š•¤ š•‚š•šš•£š•œ
 +- Re: [OT] html messag [subject-was]Re: clear:both after an elementAllodoxaphobia
 `- Re: [OT] html messag [subject-was]Re: clear:both after an elementPhilip Herlihy

1
clear:both after an element

<MPG.3cf17696f2a0a79898ff3a@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=249&group=comp.infosystems.www.authoring.stylesheets#249

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: clear:both after an element
Date: Fri, 20 May 2022 10:58:20 -0700
Organization: Oak Road Systems
Lines: 40
Message-ID: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net mQOoVXwFHD0h+s7K5MutMw5fleq3n1rZoE1o6tciGxXSxgo3gt
Cancel-Lock: sha1:WFD2JKBgWhdoTM2FQraNbuJ3V+8=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Fri, 20 May 2022 17:58 UTC

Do I need a vacuous <div> to accomplish this, or is there something I
can apply to the selector that actually contains text?

I am formatting some letters. Each letter is headed by a dateline of
two or three short lines, such as

Villa Miranda
Corfu
Thursday

I put this block against the right-hand margin, but have the lines
within it aligned at the left. In other words, the last character of
the longest line is against the right margin, and the first character
of the shorter lines are left-aligned with the first character of the
longest line. This all works fine, with this selector:

p.letterdateline { float:right;
margin-left:auto; margin-right:0;
text-align:left; text-indent:0; }

I want the first line of the letter ("Dear Smith:") to begin (at the
left) on the next line after the last line of the class
letterdateline heading. I know I can get that by inserting <div
style="clear:both"></div> after the </p> of the letterdateline, but I
hate using vacuous elements.

I had hoped to use the ::after pseudo-element, like this:

p.letterdateline::after { clear:both; }

but when I do that the text of the letter flows around the dateline
header, rather than beginning on the next line as I wish. (Tried in
the latest Chrome and Firefox.)

Is a vacuous <div> the only way to do what I want, or can I do
something with the p.letterdateline selector?

--
Stan Brown, Tehachapi, California, USA
https://BrownMath.com/

Re: clear:both after an element

<MPG.3cf33f57c12ab3199899ee@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=250&group=comp.infosystems.www.authoring.stylesheets#250

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sat, 21 May 2022 19:27:04 +0100
Organization: A noiseless patient Spider
Lines: 83
Message-ID: <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="c204f55e17b96a1db4534d00ba5686ed";
logging-data="24216"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX188aBfnTRjTh3jPfFXLMKzKE4RTh9jqf8Y="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:7QXTbHbSQ2phjCEzT/Fjwo9MZ4E=
 by: Philip Herlihy - Sat, 21 May 2022 18:27 UTC

In article <MPG.3cf17696f2a0a79898ff3a@news.individual.net>, Stan Brown
wrote...
>
> Do I need a vacuous <div> to accomplish this, or is there something I
> can apply to the selector that actually contains text?
>
> I am formatting some letters. Each letter is headed by a dateline of
> two or three short lines, such as
>
> Villa Miranda
> Corfu
> Thursday
>
> I put this block against the right-hand margin, but have the lines
> within it aligned at the left. In other words, the last character of
> the longest line is against the right margin, and the first character
> of the shorter lines are left-aligned with the first character of the
> longest line. This all works fine, with this selector:
>
> p.letterdateline { float:right;
> margin-left:auto; margin-right:0;
> text-align:left; text-indent:0; }
>
> I want the first line of the letter ("Dear Smith:") to begin (at the
> left) on the next line after the last line of the class
> letterdateline heading. I know I can get that by inserting <div
> style="clear:both"></div> after the </p> of the letterdateline, but I
> hate using vacuous elements.
>
> I had hoped to use the ::after pseudo-element, like this:
>
> p.letterdateline::after { clear:both; }
>
> but when I do that the text of the letter flows around the dateline
> header, rather than beginning on the next line as I wish. (Tried in
> the latest Chrome and Firefox.)
>
> Is a vacuous <div> the only way to do what I want, or can I do
> something with the p.letterdateline selector?

Interesting puzzle. I bet there's a compelling and elegant solution, but I
don't know what it is...

First observation is that this may possibly not be an appropriate use of
'float'. You choose float when you *do* want other elements to flow around the
floated object. But perhaps there's a logo or whatever that you do want to
appear to the left of this "address" block, so the float is needed. Otherwise,
all you need to do is have a 100% wide block, text-align'd to the right.

Secondly, it's arguable that you're trying to put into a rule for one object
properties which are to apply to another (the following element). Something
about that doesn't seem quite right!

I think I've spotted why your code didn't work. Picking through Eric Meyer &
Estelle Weyle's "Definitive Guide to CSS" (4th Edition) I see the ::after
pseudo-selector can take a 'content' property which makes explicit what it is
you are inserting after the element, optionally followed by any other
properties include styling. So you could have:
p.letterdateline::after {content: "hello"; color: red}

But you aren't inserting anything, so the styling you apply doesn't have a
target. Try this:
p.letterdateline::after {" "; clear:both}
That puts in an arguably superfluous space, but at least the clear directive
has something to chew on. You might try an empty string, with or without the
use of the content property. Clear is only valid for block elements, so you
may need to include display:block; as well. In theory you could put a newline
in there as \A, though Meyer & Weyl note that this isn't currently at all
widely supported (publication 2018).

Otherwise, going back to the notion that you're really targeting the properties
of the element following your address block, the "adjacent sibling" selector
'+' may do the trick.
p.letterdateline + p {clear:both}
This may be generalisable to any adjacent sibling:
p.letterdateline + * {clear:both}

None of this is tested - I do have my own work to do! And what a rabbit-hole
that post turned out to be :-)

--

Phil, London

Re: clear:both after an element

<568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=251&group=comp.infosystems.www.authoring.stylesheets#251

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!james.kirk.invalid!.POSTED!not-for-mail
From: noneya.i...@gmail.com (Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sat, 21 May 2022 14:59:11 -0400
Organization: Time Travel Tracing
Lines: 114
Message-ID: <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
<noneya.invalid+knobknocker@gmail.com>
Reply-To: ": Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ" <noneya.invalid+knobknocker@gmail.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Injection-Info: james.kirk.invalid; posting-host="ddfebf9d5ba102dd888aefa492aed9c6";
logging-data="22414"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX18AxpQrK1qnCfKHVIAtsAQVBb3lfggmn24="
User-Agent: Unicorn named Ellie
Cancel-Lock: sha1:YflAf0C/gOEAh1oKxx0g/sjKEMM=
X-Rot13: This message MAY contain rot13 encoded text that sensitive people
may find offense, decode at your own peril.
In-Reply-To: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
X-Newsreader: Microsoft Windows Dead Mail Original Imitation Prototype
Content-Language: en-US
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QIHFgQpyK6L9AAAAEJQTFRFAAAAQAAAQEAAQEBAQECAgEBAgECAgIBAgICAgIC/gL+/v4BAv4CAv4C/v7+Av7+/v7//v////7+A/7+///+/////CTpitwAAAAF0Uk5TAEDm2GYAAAABYktHRBXl2PmjAAAB6klEQVRIx61Vi3KEIAz0pJZYUwIi//+r3QT78sTKTDM3N6e3y+5iIsPwT+UcdeHJOSd9Ao6kVyB2CqQkfQKpSI+AS6lDQh2VDoIzR6jYQVCBuymo7tH9EF+OUrwnAfxLFSjp/aajuZTbnujbUYop/dWz7P1kDyFWS4lYLuETyrs5VUKMSTyHthvFe/ZwFD8tRQ68SNvOxFlGh8hFl48oCoF9aOC9l23jB6n5GMHBR1gZfI7nvG2bf0hUL2YLNCWwf3Ilnip+Q2cX86+G8FM9MU/PgcmHDIaMZG6wflGKegLhyZQn4oxCBKlxTaHGBmHxz45ECRkRFFpX1+9UCQdPzHikRtBRiD8rzacEQjbFh5HKjixSzJco/kgQomyM5THvAoKFxXaLzgj40wj2FNSI2NW7pdbM/ritlbBOLu3rm0EnshOO3cHIAEZAIwG949ewvOqFX467ahIIsfJIltN2bF1XngQa/qxhWQkBEUTXzJWAGzCFKeKzaVDGpJllNwR84IlEiM/nIWRG54ERKrwSIDE3Jg57O7ooiVetYIX5o9gca2KcOzAUdnRtbEhcvMKAp/CrriTsoCKM2JenPAwzbr5dKWgYxUr+PoEvCCfq1DyBIf4iPYc8NQ5naUlQeynqJLRf9Z2E4cb58QHWYi4v2VmiigAAAABJRU5ErkJggg==
X-Operating-System: Windows 3.0
X-Content-Warning: The content of this message MAY contain controversial
topics and SHOULD NOT be viewed by: sensitive individuals, malcontents,
individuals under the age of 120, troglodytes, judgmental individuals,
opinionated individuals or multi-cellular organisms.
 by: Jš•’š•žš•–š•¤ š - Sat, 21 May 2022 18:59 UTC

In Message <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
On Fri, 20 May 2022 10:58:20 -0700
Stan Brown <the_stan_brown@fastmail.fm> wrote:

> Do I need a vacuous <div> to accomplish this, or is there something I
> can apply to the selector that actually contains text?

I suggest that display grid just may be what you are looking for.

> I am formatting some letters. Each letter is headed by a dateline of
> two or three short lines, such as

> Villa Miranda
> Corfu
> Thursday

> I put this block against the right-hand margin, but have the lines
> within it aligned at the left. In other words, the last character of
> the longest line is against the right margin, and the first character
> of the shorter lines are left-aligned with the first character of the
> longest line. This all works fine, with this selector:

[snip]

> I want the first line of the letter ("Dear Smith:") to begin (at the
> left) on the next line after the last line of the class
> letterdateline heading. I know I can get that by inserting <div
> style="clear:both"></div> after the </p> of the letterdateline, but I
> hate using vacuous elements.

[snip]

div {
display: grid;
row-gap: 1ex;
margin-right: 0;
margin-left: auto;
width: fit-content;
outline: solid blue thin;
}

div > p {
margin: 0;
line-height: 1;
}

div > p {
grid-column: 2;
}

div > p + p {
grid-column: 1;
}

<div>
<p>
Villa Miranda
</p>
<p>
Corfu
</p>
<p>
Thursday
</p>
</div>

That should display similarly to a table.

table {
border-collapse: collapse;
margin-right: 0;
margin-left: auto;
outline: solid blue thin;
}

td {
padding: 0;
line-height: 1;
}

td + td {
text-align: right;
}

<table>
<tr>
<td></td>
<td>
Villa Miranda
</td>
</tr>
<tr>
<td>
Corfu
</td>
<td></td>
</tr>
<tr>
<td>
Thursday
</td>
<td></td>
</tr>
</table>

IF you are going to insist on using a float, post an example of the
HTML you are using. There are a few ways to clear floats, but I see no
need to use a float in this example.

--
Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ

Re: clear:both after an element

<MPG.3cf2f7cee228ce898ff23@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=252&group=comp.infosystems.www.authoring.stylesheets#252

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sat, 21 May 2022 14:21:58 -0700
Organization: Oak Road Systems
Lines: 91
Message-ID: <MPG.3cf2f7cee228ce898ff23@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net jIaacFdqh/qEqXdWUfOl/QxR8eV8Emm1vcairAj9poZsp7yeTw
Cancel-Lock: sha1:Qw48NgJmasi5OJrrN/jSxJ0BLMw=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Sat, 21 May 2022 21:21 UTC

On Sat, 21 May 2022 19:27:04 +0100, Philip
Herlihy wrote:
>
> In article <MPG.3cf17696f2a0a79898ff3a@news.individual.net>, Stan Brown
> wrote...
> >
> > I am formatting some letters. Each letter is headed by a dateline of
> > two or three short lines, such as
> >
> > Villa Miranda
> > Corfu
> > Thursday
> >
> > I put this block against the right-hand margin, but have the lines
> > within it aligned at the left. In other words, the last character of
> > the longest line is against the right margin, and the first character
> > of the shorter lines are left-aligned with the first character of the
> > longest line. This all works fine, with this selector:
> >
> > p.letterdateline { float:right;
> > margin-left:auto; margin-right:0;
> > text-align:left; text-indent:0; }
> >
> > I want the first line of the letter ("Dear Smith:") to begin (at the
> > left) on the next line after the last line of the class
> > letterdateline heading. I know I can get that by inserting <div
> > style="clear:both"></div> after the </p> of the letterdateline, but I
> > hate using vacuous elements.
> >
> > I had hoped to use the ::after pseudo-element, like this:
> >
> > p.letterdateline::after { clear:both; }
> >
> > but when I do that the text of the letter flows around the dateline
> > header, rather than beginning on the next line as I wish. (Tried in
> > the latest Chrome and Firefox.)
> >
> > Is a vacuous <div> the only way to do what I want, or can I do
> > something with the p.letterdateline selector?
>
> Interesting puzzle. I bet there's a compelling and elegant solution, but I
> don't know what it is...

But in the course of writing your reply, you
hit upon the C & E S.
> First observation is that this may possibly not be an appropriate use of
> 'float'. You choose float when you *do* want other elements to flow around the
> floated object. But perhaps there's a logo or whatever that you do want to
> appear to the left of this "address" block, so the float is needed. Otherwise,
> all you need to do is have a 100% wide block, text-align'd to the right.

text-align:right is no good. That will line up
the _last_ character of each line, but I want
to line up the _first_ character of each line.

> Secondly, it's arguable that you're trying to put into a rule for one object
> properties which are to apply to another (the following element). Something
> about that doesn't seem quite right!
>
> I think I've spotted why your code didn't work. Picking through Eric Meyer &
> Estelle Weyle's "Definitive Guide to CSS" (4th Edition) I see the ::after
> pseudo-selector can take a 'content' property which makes explicit what it is
> you are inserting after the element, optionally followed by any other
> properties include styling. So you could have:
> p.letterdateline::after {content: "hello"; color: red}
>
> But you aren't inserting anything, so the styling you apply doesn't have a
> target. Try this:
> p.letterdateline::after {" "; clear:both}

I tried this with and without display:block,
and the following lines moved up and to the
left of the dateline.

> Otherwise, going back to the notion that you're really targeting the properties
> of the element following your address block, the "adjacent sibling" selector
> '+' may do the trick.
> p.letterdateline + p {clear:both}
> This may be generalisable to any adjacent sibling:
> p.letterdateline + * {clear:both}

Bingo! This was a winner. It did exactly what
I want, without the extra vacuous <div>.

Thank you very much!

--
Stan Brown, Tehachapi, California, USA

https://BrownMath.com/

Re: clear:both after an element

<MPG.3cf2fa18de6fbc5098ff24@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=253&group=comp.infosystems.www.authoring.stylesheets#253

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sat, 21 May 2022 14:31:39 -0700
Organization: Oak Road Systems
Lines: 135
Message-ID: <MPG.3cf2fa18de6fbc5098ff24@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <noneya.invalid+knobknocker@gmail.com> <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net jLTbHZ55/KtJ+fMAE7E3yAdwJ3sOMUdmkCrFctLeSDuoGHyiQk
Cancel-Lock: sha1:4Jre4djyTrVMlsKDyAs3KY5CAj0=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Sat, 21 May 2022 21:31 UTC

On Sat, 21 May 2022 14:59:11 -0400, J???? ????
wrote:
>
> In Message <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
> On Fri, 20 May 2022 10:58:20 -0700
> Stan Brown <the_stan_brown@fastmail.fm> wrote:
>
> > Do I need a vacuous <div> to accomplish this, or is there something I
> > can apply to the selector that actually contains text?
>
> I suggest that display grid just may be what you are looking for.
>
> > I am formatting some letters. Each letter is headed by a dateline of
> > two or three short lines, such as
>
> > Villa Miranda
> > Corfu
> > Thursday
>
> > I put this block against the right-hand margin, but have the lines
> > within it aligned at the left. In other words, the last character of
> > the longest line is against the right margin, and the first character
> > of the shorter lines are left-aligned with the first character of the
> > longest line. This all works fine, with this selector:
>
> [snip]
>
> > I want the first line of the letter ("Dear Smith:") to begin (at the
> > left) on the next line after the last line of the class
> > letterdateline heading. I know I can get that by inserting <div
> > style="clear:both"></div> after the </p> of the letterdateline, but I
> > hate using vacuous elements.
>
> [snip]
>
> div {
> display: grid;
> row-gap: 1ex;
> margin-right: 0;
> margin-left: auto;
> width: fit-content;
> outline: solid blue thin;
> }
>
> div > p {
> margin: 0;
> line-height: 1;
> }
>
> div > p {
> grid-column: 2;
> }
>
> div > p + p {
> grid-column: 1;
> }
>
>
> <div>
> <p>
> Villa Miranda
> </p>
> <p>
> Corfu
> </p>
> <p>
> Thursday
> </p>
> </div>
>
>
> That should display similarly to a table.
>
> table {
> border-collapse: collapse;
> margin-right: 0;
> margin-left: auto;
> outline: solid blue thin;
> }
>
> td {
> padding: 0;
> line-height: 1;
> }
>
> td + td {
> text-align: right;
> }
>
> <table>
> <tr>
> <td></td>
> <td>
> Villa Miranda
> </td>
> </tr>
> <tr>
> <td>
> Corfu
> </td>
> <td></td>
> </tr>
> <tr>
> <td>
> Thursday
> </td>
> <td></td>
> </tr>
> </table>
>
> IF you are going to insist on using a float, post an example of the
> HTML you are using. There are a few ways to clear floats, but I see no
> need to use a float in this example.

Thanks for responding.

I had never heard of display:grid, but when I
looked it up I saw that it's necessary to
define sizes of rows and columns, and I won't
know that in advance.

The table with margin-right: 0; margin-left:
auto; looks as though it ought to work, and I
hadn't thought of that. But it's a lot more
HTML tags than a simple <p>.

I ended up using Philip Herlihy's solution:
p.letterdateline + * { clear:both; }
It worked for me, with no extra HTML and just
one line of styling.

--
Stan Brown, Tehachapi, California, USA

https://BrownMath.com/

Re: clear:both after an element

<MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=254&group=comp.infosystems.www.authoring.stylesheets#254

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sun, 22 May 2022 00:12:22 +0100
Organization: A noiseless patient Spider
Lines: 111
Message-ID: <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="858c51afe3d2eb4ef8fdbae8ef16524d";
logging-data="11646"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1/zBd7ZU1nNK2BxztRqnKD/Mlu9BQU2eZA="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:bgTneJ8FVl+O5pD2D0lv/7dqzPg=
 by: Philip Herlihy - Sat, 21 May 2022 23:12 UTC

In article <MPG.3cf2f7cee228ce898ff23@news.individual.net>, Stan Brown wrote...
>
> On Sat, 21 May 2022 19:27:04 +0100, Philip
> Herlihy wrote:
> >
> > In article <MPG.3cf17696f2a0a79898ff3a@news.individual.net>, Stan Brown
> > wrote...
> > >
> > > I am formatting some letters. Each letter is headed by a dateline of
> > > two or three short lines, such as
> > >
> > > Villa Miranda
> > > Corfu
> > > Thursday
> > >
> > > I put this block against the right-hand margin, but have the lines
> > > within it aligned at the left. In other words, the last character of
> > > the longest line is against the right margin, and the first character
> > > of the shorter lines are left-aligned with the first character of the
> > > longest line. This all works fine, with this selector:
> > >
> > > p.letterdateline { float:right;
> > > margin-left:auto; margin-right:0;
> > > text-align:left; text-indent:0; }
> > >
> > > I want the first line of the letter ("Dear Smith:") to begin (at the
> > > left) on the next line after the last line of the class
> > > letterdateline heading. I know I can get that by inserting <div
> > > style="clear:both"></div> after the </p> of the letterdateline, but I
> > > hate using vacuous elements.
> > >
> > > I had hoped to use the ::after pseudo-element, like this:
> > >
> > > p.letterdateline::after { clear:both; }
> > >
> > > but when I do that the text of the letter flows around the dateline
> > > header, rather than beginning on the next line as I wish. (Tried in
> > > the latest Chrome and Firefox.)
> > >
> > > Is a vacuous <div> the only way to do what I want, or can I do
> > > something with the p.letterdateline selector?
> >
> > Interesting puzzle. I bet there's a compelling and elegant solution, but I
> > don't know what it is...
>
> But in the course of writing your reply, you
> hit upon the C & E S.
>
> > First observation is that this may possibly not be an appropriate use of
> > 'float'. You choose float when you *do* want other elements to flow around the
> > floated object. But perhaps there's a logo or whatever that you do want to
> > appear to the left of this "address" block, so the float is needed. Otherwise,
> > all you need to do is have a 100% wide block, text-align'd to the right.
>
> text-align:right is no good. That will line up
> the _last_ character of each line, but I want
> to line up the _first_ character of each line.
>
### Indeed I had somehow failed to register that - sorry! In fact the more I
study your p.letterdateline selector above, the less I understand how it works
(yes, I'm rusty with CSS!). Does each address line have its own
p.letterdateline, or is there just one, using <BR> tags to lay out the three
lines? I'm guessing the latter.

I've fooled around with this a bit more (that rabbit-hole again) and I'll post
two code samples. One uses an <IMG>, which I found I had to wrap in a DIV to
get the ::after trick to work. The other attempted to put your address lines
in a container DIV, with display set to inline-block, and floated right. But
it doesn't work. I put some visible content in the ::after properties, and I
think it's signifcant where that content ends up. Look for two follow-up posts
from me. I'll stop there.

Sometimes I do think that CSS is just too darn complicated for mere mortals
like me...

> > Secondly, it's arguable that you're trying to put into a rule for one object
> > properties which are to apply to another (the following element). Something
> > about that doesn't seem quite right!
> >
> > I think I've spotted why your code didn't work. Picking through Eric Meyer &
> > Estelle Weyle's "Definitive Guide to CSS" (4th Edition) I see the ::after
> > pseudo-selector can take a 'content' property which makes explicit what it is
> > you are inserting after the element, optionally followed by any other
> > properties include styling. So you could have:
> > p.letterdateline::after {content: "hello"; color: red}
> >
> > But you aren't inserting anything, so the styling you apply doesn't have a
> > target. Try this:
> > p.letterdateline::after {" "; clear:both}
>
> I tried this with and without display:block,
> and the following lines moved up and to the
> left of the dateline.
>
> > Otherwise, going back to the notion that you're really targeting the properties
> > of the element following your address block, the "adjacent sibling" selector
> > '+' may do the trick.
> > p.letterdateline + p {clear:both}
> > This may be generalisable to any adjacent sibling:
> > p.letterdateline + * {clear:both}
>
> Bingo! This was a winner. It did exactly what
> I want, without the extra vacuous <div>.
>
> Thank you very much!

(follow-up comment inline above)

--

Phil, London

Re: clear:both after an element [THIS WORKS]

<MPG.3cf382a76c2da2b19899f0@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=255&group=comp.infosystems.www.authoring.stylesheets#255

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS WORKS]
Date: Sun, 22 May 2022 00:14:23 +0100
Organization: A noiseless patient Spider
Lines: 38
Message-ID: <MPG.3cf382a76c2da2b19899f0@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="858c51afe3d2eb4ef8fdbae8ef16524d";
logging-data="11646"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX18Q6/90HOCDGOw7pzqtnOYCx5Myja5QD58="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:IhG5dTuhZkspFocqSEuAwPZMRxg=
 by: Philip Herlihy - Sat, 21 May 2022 23:14 UTC

In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
Herlihy wrote...
>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Does work</title>
<style>
img {
float: right
}
div#abc::after {
content: "## THE CONTENT ##";
display: block;
clear: both;
}
</style>
</head>

<body>
<div id="abc">
<img src="http://leytonstone.net/bluebells/chalet200.jpg" width="200"
height="125">
</div>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate,
justo at facilisis fringilla, elit leo egestas purus, vel pulvinar nunc urna et
elit.
</p>
</body>
</html>

--

Phil, London

Re: clear:both after an element [THIS DOESN'T WORK]

<MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=256&group=comp.infosystems.www.authoring.stylesheets#256

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!aioe.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS DOESN'T WORK]
Date: Sun, 22 May 2022 00:15:04 +0100
Organization: A noiseless patient Spider
Lines: 42
Message-ID: <MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="858c51afe3d2eb4ef8fdbae8ef16524d";
logging-data="11646"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX18ORN1XeAtiGWe6T3gpROn2BYGiN8h+1yY="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:ud1glOCp1BmLM2/Iq2qcBtKEt/s=
 by: Philip Herlihy - Sat, 21 May 2022 23:15 UTC

In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
Herlihy wrote...
>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Doesn't work</title>
<style>
div#abc {
background-color: #EEE;
display: inline-block;
float:right;
}
div#abc::after {
content: "## THE CONTENT ##";
display: block;
clear: both;
}
</style>
</head>

<body>
<div id="abc">
<p>Bunham House</p>
<p>Walthamstow</p>
<p>London</p>
</div>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate,
justo at facilisis fringilla, elit leo egestas purus, vel pulvinar nunc urna et
elit.
</p>
</body>
</html>

--

Phil, London

Re: clear:both after an element

<MPG.3cf42b856ef388189899f2@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=257&group=comp.infosystems.www.authoring.stylesheets#257

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sun, 22 May 2022 12:14:54 +0100
Organization: A noiseless patient Spider
Lines: 93
Message-ID: <MPG.3cf42b856ef388189899f2@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <noneya.invalid+knobknocker@gmail.com> <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="858c51afe3d2eb4ef8fdbae8ef16524d";
logging-data="11150"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+x7/3R5KZPEr/BBSe4dxCLzA18WXUNwwE="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:Fuem1qy/cnwUg+LgkMWpAwRm9OQ=
 by: Philip Herlihy - Sun, 22 May 2022 11:14 UTC

In article <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid>, J???? ????
wrote...
> div {
> display: grid;
> row-gap: 1ex;
> margin-right: 0;
> margin-left: auto;
> width: fit-content;
> outline: solid blue thin;
> }
>
> div > p {
> margin: 0;
> line-height: 1;
> }
>
> div > p {
> grid-column: 2;
> }
>
> div > p + p {
> grid-column: 1;
> }
>
>
> <div>
> <p>
> Villa Miranda
> </p>
> <p>
> Corfu
> </p>
> <p>
> Thursday
> </p>
> </div>
>
>
> That should display similarly to a table.
>
> table {
> border-collapse: collapse;
> margin-right: 0;
> margin-left: auto;
> outline: solid blue thin;
> }
>
> td {
> padding: 0;
> line-height: 1;
> }
>
> td + td {
> text-align: right;
> }
>
> <table>
> <tr>
> <td></td>
> <td>
> Villa Miranda
> </td>
> </tr>
> <tr>
> <td>
> Corfu
> </td>
> <td></td>
> </tr>
> <tr>
> <td>
> Thursday
> </td>
> <td></td>
> </tr>
> </table>
>
>

That works! I have to say I have a real blind-spot for grid and flexbox. I
get very little time these days to fool about with CSS, and it's often only
when someone posts something interesting here that I get to think about it at
all - while the skills I did have are atrophying all the time.

I've looked at flexbox, but while it makes sense in the tutorials, it seems to
me that you have to spend time working through examples really to get the hang
of it, and time's short for me. Once I master flexbox (and I really must) I'll
move on to grid. But it's clear that yours is the elegant and compelling
solution to go for.

--

Phil, London

Re: clear:both after an element

<MPG.3cf42d27bb0358479899f3@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=258&group=comp.infosystems.www.authoring.stylesheets#258

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sun, 22 May 2022 12:21:52 +0100
Organization: A noiseless patient Spider
Lines: 142
Message-ID: <MPG.3cf42d27bb0358479899f3@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <noneya.invalid+knobknocker@gmail.com> <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid> <MPG.3cf2fa18de6fbc5098ff24@news.individual.net>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="858c51afe3d2eb4ef8fdbae8ef16524d";
logging-data="11150"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+cuUxh6o1Lgooef3l3zf+3n+kwDp264Dk="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:fzd7afVO1gkvnW0MyZ/8u7J0m98=
 by: Philip Herlihy - Sun, 22 May 2022 11:21 UTC

In article <MPG.3cf2fa18de6fbc5098ff24@news.individual.net>, Stan Brown
wrote...
>
> On Sat, 21 May 2022 14:59:11 -0400, J???? ????
> wrote:
> >
> > In Message <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
> > On Fri, 20 May 2022 10:58:20 -0700
> > Stan Brown <the_stan_brown@fastmail.fm> wrote:
> >
> > > Do I need a vacuous <div> to accomplish this, or is there something I
> > > can apply to the selector that actually contains text?
> >
> > I suggest that display grid just may be what you are looking for.
> >
> > > I am formatting some letters. Each letter is headed by a dateline of
> > > two or three short lines, such as
> >
> > > Villa Miranda
> > > Corfu
> > > Thursday
> >
> > > I put this block against the right-hand margin, but have the lines
> > > within it aligned at the left. In other words, the last character of
> > > the longest line is against the right margin, and the first character
> > > of the shorter lines are left-aligned with the first character of the
> > > longest line. This all works fine, with this selector:
> >
> > [snip]
> >
> > > I want the first line of the letter ("Dear Smith:") to begin (at the
> > > left) on the next line after the last line of the class
> > > letterdateline heading. I know I can get that by inserting <div
> > > style="clear:both"></div> after the </p> of the letterdateline, but I
> > > hate using vacuous elements.
> >
> > [snip]
> >
> > div {
> > display: grid;
> > row-gap: 1ex;
> > margin-right: 0;
> > margin-left: auto;
> > width: fit-content;
> > outline: solid blue thin;
> > }
> >
> > div > p {
> > margin: 0;
> > line-height: 1;
> > }
> >
> > div > p {
> > grid-column: 2;
> > }
> >
> > div > p + p {
> > grid-column: 1;
> > }
> >
> >
> > <div>
> > <p>
> > Villa Miranda
> > </p>
> > <p>
> > Corfu
> > </p>
> > <p>
> > Thursday
> > </p>
> > </div>
> >
> >
> > That should display similarly to a table.
> >
> > table {
> > border-collapse: collapse;
> > margin-right: 0;
> > margin-left: auto;
> > outline: solid blue thin;
> > }
> >
> > td {
> > padding: 0;
> > line-height: 1;
> > }
> >
> > td + td {
> > text-align: right;
> > }
> >
> > <table>
> > <tr>
> > <td></td>
> > <td>
> > Villa Miranda
> > </td>
> > </tr>
> > <tr>
> > <td>
> > Corfu
> > </td>
> > <td></td>
> > </tr>
> > <tr>
> > <td>
> > Thursday
> > </td>
> > <td></td>
> > </tr>
> > </table>
> >
> > IF you are going to insist on using a float, post an example of the
> > HTML you are using. There are a few ways to clear floats, but I see no
> > need to use a float in this example.
>
> Thanks for responding.
>
> I had never heard of display:grid, but when I
> looked it up I saw that it's necessary to
> define sizes of rows and columns, and I won't
> know that in advance.
>
> The table with margin-right: 0; margin-left:
> auto; looks as though it ought to work, and I
> hadn't thought of that. But it's a lot more
> HTML tags than a simple <p>.
>
> I ended up using Philip Herlihy's solution:
> p.letterdateline + * { clear:both; }
> It worked for me, with no extra HTML and just
> one line of styling.

width: fit-content;
.... seems to be the only size directive.

J*'s solution does seem to be the most general, and I'm persuaded that grid is
easier to master than I've been assuming!
--

Phil, London

Re: clear:both after an element

<MPG.3cf42f7d645a144498ff3c@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=259&group=comp.infosystems.www.authoring.stylesheets#259

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sun, 22 May 2022 12:31:43 -0700
Organization: Oak Road Systems
Lines: 28
Message-ID: <MPG.3cf42f7d645a144498ff3c@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net N16v9WH6TVgCp85P3wbEqAmjNh/OZUAz7sLx7IKaTpHH1J1puK
Cancel-Lock: sha1:CClymVZ8QL8dkQgePvFLr+4XKrc=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Sun, 22 May 2022 19:31 UTC

On Sun, 22 May 2022 00:12:22 +0100, Philip Herlihy wrote:
>
> In article <MPG.3cf2f7cee228ce898ff23@news.individual.net>, Stan Brown wrote...
> > text-align:right is no good. That will line up
> > the _last_ character of each line, but I want
> > to line up the _first_ character of each line.
> >
> ### Indeed I had somehow failed to register that - sorry! In fact the more I
> study your p.letterdateline selector above, the less I understand how it works
> (yes, I'm rusty with CSS!). Does each address line have its own
> p.letterdateline, or is there just one, using <BR> tags to lay out the three
> lines? I'm guessing the latter.

You're correct. I wanted just one container for the complete
dateline, so <p class="letterdateline"> ... <br> ... <br> ... </p>
did that.

I feared if I had multiple <p> within a <div>, that the lining up
wouldn't work as I wished. I didn't actually test that, because the
<br> version worked and was a simpler.

It was a nice benefit that I could then follow your suggestion of a
p.letterdateline + * selector without changing anytjing except
removing all my <div class="clear">&nbsp;</div>.

--
Stan Brown, Tehachapi, California, USA
https://BrownMath.com/

Re: clear:both after an element [THIS DOESN'T WORK]

<MPG.3cf434d47a2b564f98ff3d@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=260&group=comp.infosystems.www.authoring.stylesheets#260

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS DOESN'T WORK]
Date: Sun, 22 May 2022 12:54:38 -0700
Organization: Oak Road Systems
Lines: 13
Message-ID: <MPG.3cf434d47a2b564f98ff3d@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org> <MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net f0Pb69sP5rir5CoL9O7sfwGBYsRO2ri7VHp9kVBG7QuAdy1has
Cancel-Lock: sha1:nd8o3izS2wvQS6HOPjT0DSDOvWM=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Sun, 22 May 2022 19:54 UTC

On Sun, 22 May 2022 00:15:04 +0100, Philip Herlihy wrote:
> In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
> Herlihy wrote...
[See top of subthread for HTML.]

Hmm -- I can't see why your "Doesn't work" should fail, unless it's
the inline-block on the div#abc. But I'm not a CSS expert.

--
Stan Brown, Tehachapi, California, USA
https://BrownMath.com/

Re: clear:both after an element [THIS WORKS]

<MPG.3cf43520ec3959ef98ff3e@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=261&group=comp.infosystems.www.authoring.stylesheets#261

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS WORKS]
Date: Sun, 22 May 2022 12:55:48 -0700
Organization: Oak Road Systems
Lines: 57
Message-ID: <MPG.3cf43520ec3959ef98ff3e@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org> <MPG.3cf382a76c2da2b19899f0@news.eternal-september.org>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net AaDLlgSPrdu8sSooxjbEygRL40phTfzwFhYKNohA3U+o90ATvn
Cancel-Lock: sha1:2StbCuNp9iiCKJ4KS8s+HK06NcY=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Sun, 22 May 2022 19:55 UTC

On Sun, 22 May 2022 00:14:23 +0100, Philip Herlihy wrote:
>
> In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
> Herlihy wrote...
[See top of subthread for origibal HTML.]

I wondered about the need to wrap the <img> in a <div>; I thought
making the <img> display:block might obviate the <div>; see the
result below. Specifically, I modified your code like this:
1. Added display:block in img { }
2. Added an img + * selector.
3. Removed the <div> and </div> lines.

Thhis also worked.

Google Chrome kept nagging me, on all three HTML pages, to translate
from Latin from English. Finally I did, and found the result amusing.
I had always understood that "Lorem ipsum" text was not Latin but
just looked like Latin. Apparently it was a good enough resemblance
to fool Google. The result:

"The pain itself is love, the main storage system. Proin Olympic,
just at the easy sort, the lion's pain is pure poverty, or the couch
is now urn and elite."

Philip's "Does work" as modified by Stan (> prevents lines breaking)

> <!doctype html>
> <html>
> <head>
> <meta charset="utf-8">
> <title>Also works</title>
> <style>
> img {
> float: right;
> display: block;
> }
> img + * { clear:both; }
> </style>
> </head>
>
> <body>
> <img src="http://leytonstone.net/bluebells/chalet200.jpg" width="200"
> height="125">
> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate,
> justo at facilisis fringilla, elit leo egestas purus, vel pulvinar nunc urna et
> elit.
> </p>
> </body>
> </html>

--
Stan Brown, Tehachapi, California, USA
https://BrownMath.com/

Re: clear:both after an element

<MPG.3cf4361bb074e33a98ff3f@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=262&group=comp.infosystems.www.authoring.stylesheets#262

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element
Date: Sun, 22 May 2022 12:59:59 -0700
Organization: Oak Road Systems
Lines: 25
Message-ID: <MPG.3cf4361bb074e33a98ff3f@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <noneya.invalid+knobknocker@gmail.com> <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid> <MPG.3cf42b856ef388189899f2@news.eternal-september.org>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net x9BMUb00Vs9ghrpdG8haVQrEmSdyxXR4Qjdjd76jw07fojZQON
Cancel-Lock: sha1:Sgj/7F5Ow1dg2iTYrnIePm1ESRc=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Sun, 22 May 2022 19:59 UTC

On Sun, 22 May 2022 12:14:54 +0100, Philip Herlihy wrote:
>
> In article <568c10e8-648d1ff0-17220c13.tiberius@james.kirk.invalid>, J???? ????
> wrote...
[stuff with display:grid]

> That works! I have to say I have a real blind-spot for grid and flexbox. I
> get very little time these days to fool about with CSS, and it's often only
> when someone posts something interesting here that I get to think about it at
> all - while the skills I did have are atrophying all the time.
>
> I've looked at flexbox, but while it makes sense in the tutorials, it seems to
> me that you have to spend time working through examples really to get the hang
> of it, and time's short for me. Once I master flexbox (and I really must) I'll
> move on to grid. But it's clear that yours is the elegant and compelling
> solution to go for.

I'm grateful to both of you for posting. But elegance is in the eye
of the beholder. To me the p.letterdateline + * solution seems the
more elegant, at least in my application. I concede that it may not
be applicable in as many situations as J?'s.

--
Stan Brown, Tehachapi, California, USA
https://BrownMath.com/

Re: clear:both after an element [THIS DOESN'T WORK]

<MPG.3cf574c03a095f549899f4@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=263&group=comp.infosystems.www.authoring.stylesheets#263

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS DOESN'T WORK]
Date: Mon, 23 May 2022 11:39:37 +0100
Organization: A noiseless patient Spider
Lines: 29
Message-ID: <MPG.3cf574c03a095f549899f4@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org> <MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org> <MPG.3cf434d47a2b564f98ff3d@news.individual.net>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="3f0706dfb12ce0a2d8fdd1dfaaf878d0";
logging-data="25912"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX194GgQ7b5WfJ+lmqL0AsonQN15YHkJk9Wo="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:Yqd1W2H9Rcw9xhb6HNiC88lMwYY=
 by: Philip Herlihy - Mon, 23 May 2022 10:39 UTC

In article <MPG.3cf434d47a2b564f98ff3d@news.individual.net>, Stan Brown
wrote...
>
> On Sun, 22 May 2022 00:15:04 +0100, Philip Herlihy wrote:
> > In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
> > Herlihy wrote...
> [See top of subthread for HTML.]
>
> Hmm -- I can't see why your "Doesn't work" should fail, unless it's
> the inline-block on the div#abc. But I'm not a CSS expert.

The inline-block was my attempt to solve the problem of having a right-aligned
container with left-aligned contents. I just found if I take it out, it makes
no difference at all! The div containing the address lines adopts the width of
its contents, and the float pushes it to the right.

The attempt to get a clear to work by adding (using ::after) some content
styled clear:both doesn't work. I'd found in the other version (which did
work) that an empty string was enough content, but if you put something in
there, you can see where it ends up. That, I think, is a clue to why it
doesn't work. Why it should work for the version with the image is entirely
beyond me. I guess you can put something into a DIV, but you can't do that to
an IMG.

Fundamentally, CSS is baffling. I predict it will never catch on.

--

Phil, London

Re: clear:both after an element [THIS DOESN'T WORK]

<877d6c1nkh.fsf@bsb.me.uk>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=264&group=comp.infosystems.www.authoring.stylesheets#264

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: ben.use...@bsb.me.uk (Ben)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS DOESN'T WORK]
Date: Mon, 23 May 2022 12:43:42 +0100
Organization: A noiseless patient Spider
Lines: 51
Message-ID: <877d6c1nkh.fsf@bsb.me.uk>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
<MPG.3cf33f57c12ab3199899ee@news.eternal-september.org>
<MPG.3cf2f7cee228ce898ff23@news.individual.net>
<MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>
<MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org>
MIME-Version: 1.0
Content-Type: text/plain
Injection-Info: reader02.eternal-september.org; posting-host="023a773a2579a0636279b0c987e54846";
logging-data="27133"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX19wn5lm7fSqBlXGQbbKU4Lvt3RknZzq20U="
Cancel-Lock: sha1:6VctZhTdYZSY2w+qqhMD9sd0SHw=
sha1:ObogUqyv8pDX4aKW5NbyOI03sp4=
X-BSB-Auth: 1.4ddda96adde428ba1792.20220523124342BST.877d6c1nkh.fsf@bsb.me.uk
 by: Ben - Mon, 23 May 2022 11:43 UTC

Philip Herlihy <PhillipHerlihy@SlashDevNull.invalid> writes:

> In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
> Herlihy wrote...
>>
>
> <!doctype html>
> <html>
> <head>
> <meta charset="utf-8">
> <title>Doesn't work</title>
> <style>
> div#abc {
> background-color: #EEE;
> display: inline-block;
> float:right;
> }
> div#abc::after {
> content: "## THE CONTENT ##";
> display: block;
> clear: both;
> }

This adds content as the last child of div#abc so there is nothing to
clear on either side: the content is in the div (as you can see). I've
not been following closely, so this may already have been pointed out.
Sorry if it has.

What you probably want is something like

#abc + p { clear: both; }

so that the first paragraph following the div with id #abc is clear of
the floats. You can make it more general if you like with #abx + * as
the selector.

> </style>
> </head>
>
> <body>
> <div id="abc">
> <p>Bunham House</p>
> <p>Walthamstow</p>
> <p>London</p>
> </div>
> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
> vulputate, justo at facilisis fringilla, elit leo egestas purus, vel
> pulvinar nunc urna et elit. </p> </body> </html>

--
Ben.

Re: clear:both after an element [THIS DOESN'T WORK]

<MPG.3cf58b71fea9ad269899f5@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=265&group=comp.infosystems.www.authoring.stylesheets#265

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS DOESN'T WORK]
Date: Mon, 23 May 2022 13:16:24 +0100
Organization: A noiseless patient Spider
Lines: 78
Message-ID: <MPG.3cf58b71fea9ad269899f5@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org> <MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org> <877d6c1nkh.fsf@bsb.me.uk>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="3f0706dfb12ce0a2d8fdd1dfaaf878d0";
logging-data="12451"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+J2x656hbMCnADA0pDEjI9PhLF7jF2ndY="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:esPmMIIskrFyuBsPEjEkOD474Z0=
 by: Philip Herlihy - Mon, 23 May 2022 12:16 UTC

In article <877d6c1nkh.fsf@bsb.me.uk>, Ben wrote...
>
> Philip Herlihy <PhillipHerlihy@SlashDevNull.invalid> writes:
>
> > In article <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org>, Philip
> > Herlihy wrote...
> >>
> >
> > <!doctype html>
> > <html>
> > <head>
> > <meta charset="utf-8">
> > <title>Doesn't work</title>
> > <style>
> > div#abc {
> > background-color: #EEE;
> > display: inline-block;
> > float:right;
> > }
> > div#abc::after {
> > content: "## THE CONTENT ##";
> > display: block;
> > clear: both;
> > }
>
> This adds content as the last child of div#abc so there is nothing to
> clear on either side: the content is in the div (as you can see). I've
> not been following closely, so this may already have been pointed out.
> Sorry if it has.
>
> What you probably want is something like
>
> #abc + p { clear: both; }
>
> so that the first paragraph following the div with id #abc is clear of
> the floats. You can make it more general if you like with #abx + * as
> the selector.
>
> > </style>
> > </head>
> >
> > <body>
> > <div id="abc">
> > <p>Bunham House</p>
> > <p>Walthamstow</p>
> > <p>London</p>
> > </div>
> > <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
> > vulputate, justo at facilisis fringilla, elit leo egestas purus, vel
> > pulvinar nunc urna et elit. </p> </body> </html>

Thanks, Ben. I've been groping this morning towards realising that - as you
say - it adds content as the last child of the div. (I had already spotted the
"adjacent sibling" alternative.)

My conclusion is that the "grid" solution offered by 'J' is the best and most
general solution, followed by the "#whatever + * {clear:both}" alternative.
Either is better than this stretch of mucking about with ::after. However,
it's been bugging me (for some unaccountable reason) that I could get ::after
to work with an image, but not with the paragraph originally proposed.

I've now got both working, and I've also revived my CodePen account, so anyone
interested (form an orderly queue) can see both of them here:

https://codepen.io/philipherlihy/pen/mdXMaaG (image version)
https://codepen.io/philipherlihy/pen/NWyvoKK (paragraph version)

They work just the same, and that became clear once I was meticulous about
structuring them equivalently. You can see from the background shading that
the ::after pseudo-property does indeed add content *within* the element
concerned.

If you can get really fluent in CSS, then learning Hungarian from a Finnish
textbook would surely be a breeze...

--

Phil, London

Re: clear:both after an element [THIS DOESN'T WORK]

<MPG.3cf535f28f35ecc598ff40@news.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=266&group=comp.infosystems.www.authoring.stylesheets#266

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: the_stan...@fastmail.fm (Stan Brown)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: clear:both after an element [THIS DOESN'T WORK]
Date: Mon, 23 May 2022 07:11:35 -0700
Organization: Oak Road Systems
Lines: 9
Message-ID: <MPG.3cf535f28f35ecc598ff40@news.individual.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <MPG.3cf33f57c12ab3199899ee@news.eternal-september.org> <MPG.3cf2f7cee228ce898ff23@news.individual.net> <MPG.3cf38235ab5c33bf9899ef@news.eternal-september.org> <MPG.3cf382cf7eaf39cb9899f1@news.eternal-september.org> <MPG.3cf434d47a2b564f98ff3d@news.individual.net> <MPG.3cf574c03a095f549899f4@news.eternal-september.org>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
X-Trace: individual.net mxEx35Atn4p1vc51/7EMOwkWBv71Dcj5k6JfaQqE3VkkZrkLNu
Cancel-Lock: sha1:PWfbJ84GgJgNQsNHqIbDY2d/oDs=
User-Agent: MicroPlanet-Gravity/3.0.11 (GRC)
 by: Stan Brown - Mon, 23 May 2022 14:11 UTC

On Mon, 23 May 2022 11:39:37 +0100, Philip Herlihy wrote:
> Fundamentally, CSS is baffling. I predict it will never catch on.
>

:-)

--
Stan Brown, Tehachapi, California, USA
https://BrownMath.com/

[OT] html messag [subject-was]Re: clear:both after an element

<5b0310f9-34f99255-19fd0c16.tiberius@james.kirk.invalid>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=267&group=comp.infosystems.www.authoring.stylesheets#267

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!james.kirk.invalid!.POSTED!not-for-mail
From: noneya.i...@gmail.com (Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: [OT] html messag [subject-was]Re: clear:both after an element
Date: Tue, 24 May 2022 07:35:17 -0400
Organization: Time Travel Tracing
Lines: 27
Message-ID: <5b0310f9-34f99255-19fd0c16.tiberius@james.kirk.invalid>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
<t691e4$11guo$1@news.mixmin.net>
<noneya.invalid+knobknocker@gmail.com>
Reply-To: ": Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ" <noneya.invalid+knobknocker@gmail.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Injection-Info: james.kirk.invalid; posting-host="85c50c1981c14a16877f3ce5470be4a4";
logging-data="7641"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX19joObOTSZBu3C70n74DxzBDI7y4Hjw3/0="
User-Agent: Unicorn named Ellie
Cancel-Lock: sha1:CHCAZRZwe15ugUXOAhkHNb+8EhM=
X-Rot13: This message MAY contain rot13 encoded text that sensitive people
may find offense, decode at your own peril.
In-Reply-To: <t691e4guo@news.mixmin.net>
X-Newsreader: Microsoft Windows Dead Mail Original Imitation Prototype
Content-Language: en-US
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QIHFgQpyK6L9AAAAEJQTFRFAAAAQAAAQEAAQEBAQECAgEBAgECAgIBAgICAgIC/gL+/v4BAv4CAv4C/v7+Av7+/v7//v////7+A/7+///+/////CTpitwAAAAF0Uk5TAEDm2GYAAAABYktHRBXl2PmjAAAB6klEQVRIx61Vi3KEIAz0pJZYUwIi//+r3QT78sTKTDM3N6e3y+5iIsPwT+UcdeHJOSd9Ao6kVyB2CqQkfQKpSI+AS6lDQh2VDoIzR6jYQVCBuymo7tH9EF+OUrwnAfxLFSjp/aajuZTbnujbUYop/dWz7P1kDyFWS4lYLuETyrs5VUKMSTyHthvFe/ZwFD8tRQ68SNvOxFlGh8hFl48oCoF9aOC9l23jB6n5GMHBR1gZfI7nvG2bf0hUL2YLNCWwf3Ilnip+Q2cX86+G8FM9MU/PgcmHDIaMZG6wflGKegLhyZQn4oxCBKlxTaHGBmHxz45ECRkRFFpX1+9UCQdPzHikRtBRiD8rzacEQjbFh5HKjixSzJco/kgQomyM5THvAoKFxXaLzgj40wj2FNSI2NW7pdbM/ritlbBOLu3rm0EnshOO3cHIAEZAIwG949ewvOqFX467ahIIsfJIltN2bF1XngQa/qxhWQkBEUTXzJWAGzCFKeKzaVDGpJllNwR84IlEiM/nIWRG54ERKrwSIDE3Jg57O7ooiVetYIX5o9gca2KcOzAUdnRtbEhcvMKAp/CrriTsoCKM2JenPAwzbr5dKWgYxUr+PoEvCCfq1DyBIf4iPYc8NQ5naUlQeynqJLRf9Z2E4cb58QHWYi4v2VmiigAAAABJRU5ErkJggg==
X-Operating-System: Windows 3.0
X-Content-Warning: The content of this message MAY contain controversial
topics and SHOULD NOT be viewed by: sensitive individuals, malcontents,
individuals under the age of 120, troglodytes, judgmental individuals,
opinionated individuals or multi-cellular organisms.
 by: Jš•’š•žš•–š•¤ š - Tue, 24 May 2022 11:35 UTC

In Message <t691e4$11guo$1@news.mixmin.net>
On Fri, 20 May 2022 22:30:19 +0100
šŸ˜‰ Good Guy šŸ˜‰ <Hello.World@example.onion> wrote:

> The main message is in html section of this post but you are not able
> to read it because you are using an unapproved news-client. Please
> try these links to amuse youself:

[snip]

unapproved news-client?

FYI: 3 out of 4 Usenet Providers that I use do not have your message.

I can only presume your message has been filtered||remove because of the
html message.

If you are posting for you own amusement or for google then carry on.

If you want to contribute or participate, I suggest that you post text
only messages, because the posters you reply to may not even see your
message. Just as I will not likely see your message if you reply to
this one using html.

--
Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ

Re: [OT] html messag [subject-was]Re: clear:both after an element

<slrnt8po0l.1ip4.trepidation@vps.jonz.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=268&group=comp.infosystems.www.authoring.stylesheets#268

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: trepidat...@example.net (Allodoxaphobia)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: [OT] html messag [subject-was]Re: clear:both after an element
Date: 24 May 2022 13:40:02 GMT
Lines: 28
Message-ID: <slrnt8po0l.1ip4.trepidation@vps.jonz.net>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net>
<t691e4$11guo$1@news.mixmin.net> <noneya.invalid+knobknocker@gmail.com>
<5b0310f9-34f99255-19fd0c16.tiberius@james.kirk.invalid>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
X-Trace: individual.net x8wOXuHW8ucPn4nG+MWEVwp4LXj4EjiI/Oqk4AeWKwIhVr4tMH
Cancel-Lock: sha1:gqrNYWfMolzPsVpCBnFRHp8XTrE=
User-Agent: slrn/1.0.3 (FreeBSD)
 by: Allodoxaphobia - Tue, 24 May 2022 13:40 UTC

On Tue, 24 May 2022 07:35:17 -0400, Jš•’š•žš•–š•¤ š•‚š•šš•£š•œ wrote:
> In Message <t691e4$11guo$1@news.mixmin.net>
> On Fri, 20 May 2022 22:30:19 +0100
> šŸ˜‰ Good Guy šŸ˜‰ <Hello.World@example.onion> wrote:
>
>> The main message is in html section of this post but you are not able
>> to read it because you are using an unapproved news-client. Please
>> try these links to amuse youself:
>
> [snip]
>
> unapproved news-client?
>
> FYI: 3 out of 4 Usenet Providers that I use do not have your message.
>
> I can only presume your message has been filtered||remove because of the
> html message.
>
> If you are posting for you own amusement or for google then carry on.
>
> If you want to contribute or participate, I suggest that you post text
> only messages, because the posters you reply to may not even see your
> message. Just as I will not likely see your message if you reply to
> this one using html.

+1

Jonesy

Re: [OT] html messag [subject-was]Re: clear:both after an element

<MPG.3cf6f44bcec351e49899f6@news.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=269&group=comp.infosystems.www.authoring.stylesheets#269

 copy link   Newsgroups: comp.infosystems.www.authoring.stylesheets
Path: i2pn2.org!i2pn.org!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From: PhillipH...@SlashDevNull.invalid (Philip Herlihy)
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: [OT] html messag [subject-was]Re: clear:both after an element
Date: Tue, 24 May 2022 14:55:56 +0100
Organization: A noiseless patient Spider
Lines: 32
Message-ID: <MPG.3cf6f44bcec351e49899f6@news.eternal-september.org>
References: <MPG.3cf17696f2a0a79898ff3a@news.individual.net> <t691e4$11guo$1@news.mixmin.net> <noneya.invalid+knobknocker@gmail.com> <5b0310f9-34f99255-19fd0c16.tiberius@james.kirk.invalid>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: reader02.eternal-september.org; posting-host="5f3b4b65d57ec25a39d2c1c0c303c16a";
logging-data="8102"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1/VEZRcIiKKclZvA/aLDRp4rmQRvpMn8XE="
User-Agent: MicroPlanet-Gravity/3.0.10 (GRC)
Cancel-Lock: sha1:1hMayek1B2SByq9w7KemBGMIjZI=
 by: Philip Herlihy - Tue, 24 May 2022 13:55 UTC

In article <5b0310f9-34f99255-19fd0c16.tiberius@james.kirk.invalid>, J???? ????
wrote...
>
> In Message <t691e4$11guo$1@news.mixmin.net>
> On Fri, 20 May 2022 22:30:19 +0100
> ? Good Guy ? <Hello.World@example.onion> wrote:
>
> > The main message is in html section of this post but you are not able
> > to read it because you are using an unapproved news-client. Please
> > try these links to amuse youself:
>
> [snip]
>
> unapproved news-client?
>
> FYI: 3 out of 4 Usenet Providers that I use do not have your message.
>
> I can only presume your message has been filtered||remove because of the
> html message.
>
> If you are posting for you own amusement or for google then carry on.
>
> If you want to contribute or participate, I suggest that you post text
> only messages, because the posters you reply to may not even see your
> message. Just as I will not likely see your message if you reply to
> this one using html.

Notorious troll.

--

Phil, London

1
server_pubkey.txt

rocksolid light 0.9.7
clearnet tor