On 30/11/2019 17:29, Jonathan N. Little wrote:
Wrong. If the OP's problem is the vertical space between the black
header area and the H1 "Saturday 30 November 7:30" then it is absolutely
due to this in his stylesheet:
div#main h1 {
font-size: 2.5em;
text-align: center;
padding-top: 2em;
^^^^^^^^^^^^^^^^^
}
Hey Jonathan Little Pig,
Read the original post again. He said:
Anyone? If you set, in DevTools, the background-color of
the body to (e.g.) red, it really stands out. I clearly have a blind
spot...
He is talking about:
{ Jonathan Little Pig Can't see this } <https://i.imgur.com/DzeeNN5.png>
This gap can only be corrected by setting margin-top: 0;Â It has nothing
to do with padding.
However, as I said in one of the posts, reset would have avoided this
problem altogether.Â
Is this clear Mr Little Pig?
On 30/11/2019 19:38, Jonathan N. Little wrote:You sir, are a real PRICK
There is no sign that you have passed that stage yet. Mind you, at your
BTW the last time I endured such a "creative" ad hominem was back in
elementary school...
age it might be tto late to go back to that elementary school because
they don't accept od man like you just in case you decide to abuse young boys.  There are pedos every where these days.
You might try your local college which might be running courses for boys
who didn't make the grade in their elementary school. They call it foundation course to prepare people to right their wrongs at elementary school.
--
With over 1,000,000 million devices now running Windows 10, customer satisfaction is higher than any previous version of windows.
You sir, are a real PRICK
On 01/12/2019 03:14, Frosted Flake wrote:
You sir, are a real PRICK
How did you work this out?  We never expected you to be able to work
out anything so a curious mind would like to know how a stupid person
like you solve problems.
Path: aioe.org!eternal-september.org!feeder.eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From: Frosted Flake<no_one@example.net>
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: Mind the gap...
Date: Sat, 30 Nov 2019 20:14:26 -0700
Organization: A noiseless patient Spider
Lines: 23
Message-ID:<qrvb6i$1o9$1@dont-email.me> References:<MPG.384ba3896c5a36a8989867@news.eternal-september.org>
<XnsAB1785B787E01eejj99@194.109.6.166> <qru0l1$5ne$1@news.mixmin.net>
<qru8uc$c0v$1@dont-email.me> <qruef0$50k$1@news.mixmin.net>
<qrugg6$o2m$1@dont-email.me> <qruha4$bbd$1@news.mixmin.net>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed Content-Transfer-Encoding: 8bit
Injection-Date: Sun, 1 Dec 2019 03:14:26 -0000 (UTC)
Injection-Info: reader02.eternal-september.org; posting-host="b6a0f09649b5e415895043d491e2522c";
logging-data="1801"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+rdpB0Zuk8BnHSLPAOU5ie"
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101
Firefox/52.0 SeaMonkey/2.49.5
Cancel-Lock: sha1:pxRXISdv+orgnM3V7SsWjKzzmYg= In-Reply-To:<qruha4$bbd$1@news.mixmin.net>
X-Antivirus-Status: Clean
X-Antivirus: AVG (VPS 191130-0, 11/30/2019), Outbound message
Xref: aioe.org comp.infosystems.www.authoring.stylesheets:14231
--Your childish, unwarranted ad hominem attacks on Mr. Little madee it
With over 1,000,000 million devices now running Windows 10, customer satisfaction is higher than any previous version of windows.
Your childish, unwarranted ad hominem attacks on Mr. Little madee it
very easy to determine that you are a PRICK (or a sorry Piece of Shit).
Path: aioe.org!eternal-september.org!feeder.eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From: Frosted Flake <no_one@example.net>
Newsgroups: comp.infosystems.www.authoring.stylesheets
Subject: Re: Mind the gap...
Date: Mon, 2 Dec 2019 07:04:39 -0700
Organization: A noiseless patient Spider
Lines: 46
Message-ID: <qs35lp$a80$1@dont-email.me>
References: <MPG.384ba3896c5a36a8989867@news.eternal-september.org>
<XnsAB1785B787E01eejj99@194.109.6.166> <qru0l1$5ne$1@news.mixmin.net>
<qru8uc$c0v$1@dont-email.me> <qruef0$50k$1@news.mixmin.net>
<qrugg6$o2m$1@dont-email.me> <qruha4$bbd$1@news.mixmin.net>
<qrvb6i$1o9$1@dont-email.me> <qs0o5g$hn$1@news.mixmin.net>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed Content-Transfer-Encoding: 8bit
Injection-Date: Mon, 2 Dec 2019 14:04:41 -0000 (UTC)
Injection-Info: reader02.eternal-september.org; posting-host="4bb3d39ff37bc744c1a49e662814f2f1";
logging-data="10496"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+bVd+FoUO246eCsNiwSwHQ"
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101
Firefox/52.0 SeaMonkey/2.49.5
Cancel-Lock: sha1:nIqzWf+hybaA6llelY7CnVdway0=
In-Reply-To: <qs0o5g$hn$1@news.mixmin.net>
X-Antivirus-Status: Clean
X-Antivirus: AVG (VPS 191201-0, 12/01/2019), Outbound message
Xref: aioe.org comp.infosystems.www.authoring.stylesheets:14233
Sigh. USENET is over 30 years old, and people have STILL not learned
not to feed the trolls.
? Good Guy ? wrote:
How did you work this out? We never expected you to be able to work
out anything so a curious mind would like to know how a stupid person
like you solve problems.
Your childish, unwarranted ad hominem attacks on Mr. Little madee it
very easy to determine that you are a PRICK (or a sorry Piece of Shit).
On 30/11/2019 08:34, Stupid Stan Brown wrote:
Unrelated to the issue you raised, but you have several h1's in the
page, which I don't think is standard.
You can convert it into a standard by using html5 semantics. For
example <section> .... </section> can have its own header, h1, and
footer; It doesn't matter if they are already used once as part of the
main body.
For it worrying is that nobody has mentioned that the OP could reset all elements to zero at the start of the css file (to clear browser specific defaults) and then each element can be styled and padding and margins included if needed.
I always start my css with:
* {
padding: 0;
margin: 0;
}
Some people also include border as part of the reset process but it
doesn't matter so much.
On 29/11/2019 21:52, Philip Herlihy wrote:
(As is famously said over the public address on the London Underground)
I've been cobbling together a page for a local orchestra in (severely limited) spare time. http://www.winchmorestrings.co.uk/
The appearance of padding below the title text is actually due to a mysterious gap between div#header and div#main. I've pored over the
CSS, both in Dreamweaver, and both Chrome and Firefox DevTools. I just can't see it! Anyone?
change your one of your styles to:
div#main h1 {
font-size: 2.5em;
text-align: center;
/* padding-top: 2em; */
margin-top: 0;
}
I have commented out *padding-top *AND inserted *margin-top: 0*
On 30/11/2019 17:29, Jonathan N. Little wrote:
Wrong. If the OP's problem is the vertical space between the black
header area and the H1 "Saturday 30 November 7:30" then it is absolutely due to this in his stylesheet:
div#main h1 {
font-size: 2.5em;
text-align: center;
padding-top: 2em;
^^^^^^^^^^^^^^^^^
}
Hey Jonathan Little Pig,
Read the original post again. He said:
Anyone? If you set, in DevTools, the background-color of
the body to (e.g.) red, it really stands out. I clearly have a blind spot...
He is talking about:
{ Jonathan Little Pig Can't see this } <https://i.imgur.com/DzeeNN5.png>
This gap can only be corrected by setting margin-top: 0; It has nothing
to do with padding.
However, as I said in one of the posts, reset would have avoided this
problem altogether.
Is this clear Mr Little Pig?
On Fri, 29 Nov 2019 21:52:46 -0000, Philip Herlihy wrote:
The appearance of padding below the title text is actually due to a mysterious gap between div#header and div#main. I've pored over the
CSS, both in Dreamweaver, and both Chrome and Firefox DevTools. I just can't see it! Anyone?
line-height?
Also, div#header h1 has padding and margins specified, but div#header
does not. Perhaps the default browser styling for div is messing you
up.
Unrelated to the issue you raised, but you have several h1's in the
page, which I don't think is standard.
Philip Herlihy <thiswillbounceback@you.com> wrote on 29 Nov 2019 in comp.infosystems.www.authoring.stylesheets:
(As is famously said over the public address on the London Underground)
I've been cobbling together a page for a local orchestra in (severely limited) spare time. http://www.winchmorestrings.co.uk/
The appearance of padding below the title text is actually due to a mysterious gap between div#header and div#main. I've pored over the
CSS, both in Dreamweaver, and both Chrome and Firefox DevTools. I just can't see it! Anyone? If you set, in DevTools, the background-color of the body to (e.g.) red, it really stands out. I clearly have a blind spot...
(Overall, the page isn't very polished, and you'll detect I'm in the
very early stages of "mastering" flexbox. But for now it's this gap
that has me foxed.)
div#main h1 { padding-top: 2em;
This is the culprit, change it to a lower value.
? Good Guy ? wrote:
On 30/11/2019 17:29, Jonathan N. Little wrote:
Wrong. If the OP's problem is the vertical space between the black
header area and the H1 "Saturday 30 November 7:30" then it is absolutely >> due to this in his stylesheet:
div#main h1 {
font-size: 2.5em;
text-align: center;
padding-top: 2em;
^^^^^^^^^^^^^^^^^
}
Hey Jonathan Little Pig,
Read the original post again. He said:
Anyone? If you set, in DevTools, the background-color of
the body to (e.g.) red, it really stands out. I clearly have a blind
spot...
He is talking about:
{ Jonathan Little Pig Can't see this } <https://i.imgur.com/DzeeNN5.png>
This gap can only be corrected by setting margin-top: 0; It has nothing
to do with padding.
However, as I said in one of the posts, reset would have avoided this problem altogether.
Is this clear Mr Little Pig?
Ad hominem asside, the OP defined the issue as:
"The appearance of padding below the title text is actually due to a mysterious gap between div#header and div#main."
And as I said:
"If the OP's problem is the vertical space between the black header area
and the H1 "Saturday 30 November 7:30""
So if the title text is "Winchmore String Orchestra", that is the black
div div#header and the "mysterious gap is the space between that and "Saturday 30 November 7:30" which is in div#main then the real question
for the OP is what does he means by "the gap"?
If "the gap" is the extra black space below "Winchmore String
Orchestra", then the problem is the default top margin on "div#main h1"
and can be corrected with:
div#main h1 {
margin-top: 0;
...
}
However if "the gap" is the extra orange space above "Saturday 30
November 7:30" then removing or reducing the "padding-top: 2em;" as I suggested is the solution.
Whoever is correct depends on what the OP means by "the gap".
BTW the last time I endured such a "creative" ad hominem was back in elementary school...
In article <MPG.384bf392f40b4c5298fc89@news.individual.net>, the_stan_brown@fastmail.fm says...
Unrelated to the issue you raised, but you have several h1's in the
page, which I don't think is standard.
Interesting. I've looked for confirmation of this...
Sysop: | Keyop |
---|---|
Location: | Huddersfield, West Yorkshire, UK |
Users: | 293 |
Nodes: | 16 (2 / 14) |
Uptime: | 231:07:52 |
Calls: | 6,624 |
Files: | 12,171 |
Messages: | 5,319,423 |