From jay at peepo.com Fri Mar 9 01:34:49 2012
From: jay at peepo.com (jonathan chetwynd)
Date: Fri, 9 Mar 2012 09:34:49 +0000
Subject: [html5] button: why is image not centred vertically?
Message-ID: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
is there a means** to centre image vertically, with minimal gap?
note there is no gap (maybe 1px?) at top, but significant gap at bottom (maybe 4px?), why is this?
kind regards
Jonathan Chetwynd
~:" jay at peepo.com
http://www.peepo.com
+44 (0) 20 7978 1764
**setting
margin: 0px;
padding: 0px;
has no effect
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
-------------- next part --------------
A non-text attachment was scrubbed...
Name: button.jpg
Type: image/jpg
Size: 1491 bytes
Desc: not available
URL:
From ravikaanth1220 at gmail.com Fri Mar 9 01:42:14 2012
From: ravikaanth1220 at gmail.com (Ravi Kaanth)
Date: Fri, 9 Mar 2012 15:12:14 +0530
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID:
http://www.html5canvastutorials.com/tutorials/html5-canvas-rectangles/
On Fri, Mar 9, 2012 at 3:04 PM, jonathan chetwynd wrote:
>
>
>
> width="10"
> height="10">
>
>
>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at
> bottom (maybe 4px?), why is this?
>
>
> kind regards
>
> ** ** ** **
>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> **setting
>
> margin: 0px;
> padding: 0px;
>
> has no effect
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From simonp at opera.com Fri Mar 9 01:43:06 2012
From: simonp at opera.com (Simon Pieters)
Date: Fri, 09 Mar 2012 10:43:06 +0100
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID:
On Fri, 09 Mar 2012 10:34:49 +0100, jonathan chetwynd
wrote:
>
>
>
> width="10"
> height="10">
>
>
>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at bottom
> (maybe 4px?), why is this?
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
Use display:block on the .
--
Simon Pieters
Opera Software
From mattantwest at gmail.com Fri Mar 9 02:37:25 2012
From: mattantwest at gmail.com (Matt West)
Date: Fri, 9 Mar 2012 10:37:25 +0000
Subject: [html5] button: why is image not centred vertically?
In-Reply-To:
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID: <110905A4866D41098319CC83B27AD2F4@gmail.com>
Can you inspect the element using the developer tools in chrome or firebug in firefox.
Maybe the user agent stylesheet is effecting something.
I noticed there are a few other suggestion to try as well in this thread.
--
Matt West
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)
On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> Jonathan Chetwynd's mail signature
> Jonathan Chetwynd
> ~:" jay at peepo.com (mailto:j.chetwynd at btconnect.com)
> http://www.peepo.com (http://www.peepo.com/)
> +44 (0) 20 7978 1764
>
>
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
> > button {
> > font-size: 0;
> > }
> >
> >
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From artzone_1 at comcast.net Fri Mar 9 06:46:16 2012
From: artzone_1 at comcast.net (- mary nelson-)
Date: Fri, 9 Mar 2012 09:46:16 -0500
Subject: [html5] Need diagram of help services
Message-ID:
However, I would like to taylor the list. Where can I go to do this?
From nicholas.stephan at gmail.com Fri Mar 9 10:57:56 2012
From: nicholas.stephan at gmail.com (Nicholas Stephan)
Date: Fri, 9 Mar 2012 10:57:56 -0800
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <110905A4866D41098319CC83B27AD2F4@gmail.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
<110905A4866D41098319CC83B27AD2F4@gmail.com>
Message-ID:
Buttons (along with checkboxes, select element, etc...) are styled by the
browser, and every browser is different.
Removing that default styling with:
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
will get you an ugly looking grey box. But you can then style it with CSS
that makes sense and still get the functionality of a button.
On Fri, Mar 9, 2012 at 2:37 AM, Matt West wrote:
> Can you inspect the element using the developer tools in chrome or
> firebug in firefox.
> Maybe the user agent stylesheet is effecting something.
>
> I noticed there are a few other suggestion to try as well in this thread.
>
>
> --
> Matt West
> Sent with Sparrow
>
> On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
>
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> ** ** ** **
>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
>
> button {
> font-size: 0;
> }
>
>
>
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From webmaster at tsmchughs.com Mon Mar 12 15:52:18 2012
From: webmaster at tsmchughs.com (Brian Tremblay)
Date: Mon, 12 Mar 2012 15:52:18 -0700
Subject: [html5] single article
Message-ID: <4F5E7E22.6060001@tsmchughs.com>
Does it make sense to have an html page that contains, besides its own
header and footer, a single article?
On a photographer's site, the home page has an header with h1, and at
least 1 article, which contains its own header with h1, photo, and
footer. The page may have non-photo articles, an address element, maybe
other sections.
Each photo on the site has its own page. These individual photo pages
contain a header and footer, with the main content being the photo. I'm
sort of thinking of placing that photo, along with the photo title, in
an article element. Is this proper? And if the only h1 on the page is
inside the article element, what does the document outline look like?
--
Brian Tremblay
From jukka.k.korpela at kolumbus.fi Mon Mar 12 22:17:05 2012
From: jukka.k.korpela at kolumbus.fi (Jukka K. Korpela)
Date: Tue, 13 Mar 2012 07:17:05 +0200
Subject: [html5] single article
In-Reply-To: <4F5E7E22.6060001@tsmchughs.com>
References: <4F5E7E22.6060001@tsmchughs.com>
Message-ID: <4F5ED851.6010105@kolumbus.fi>
2012-03-13 0:52, Brian Tremblay wrote:
> Does it make sense to have an html page that contains, besides its own
> header and footer, a single article?
Yes.
> These individual photo pages
> contain a header and footer, with the main content being the photo. I'm
> sort of thinking of placing that photo, along with the photo title, in
> an article element. Is this proper?
The markup has no real impact, at present at least, beyond
making its content displayed as a block on some browsers.
Regarding the descriptions,
"The article element represents a self-contained composition in a
document, page, application, or site and that is, in principle,
independently distributable or reusable, e.g. in syndication. This could
be a forum post, a magazine or newspaper article, a blog entry, a
user-submitted comment, an interactive widget or gadget, or any other
independent item of content."
http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-article-element
I don't see why a photo with its title could not be an independent item
of content, at least if the title contains sufficient information about
the photo.
> And if the only h1 on the page is
> inside the article element, what does the document outline look like?
Untitled Section
Your h1 heading
See http://gsnedders.html5.org/outliner/
As far as I know, document outline is just a theoretical concept so far,
with no implications on anything real. Before some software starts
actually utilizing outlines, you cannot know whether this is a better
outline (for some purposes) than what you'd get without markup.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
From webmaster at tsmchughs.com Tue Mar 13 15:17:16 2012
From: webmaster at tsmchughs.com (Brian Tremblay)
Date: Tue, 13 Mar 2012 15:17:16 -0700
Subject: [html5] single article
In-Reply-To: <4F5ED851.6010105@kolumbus.fi>
References: <4F5E7E22.6060001@tsmchughs.com> <4F5ED851.6010105@kolumbus.fi>
Message-ID: <4F5FC76C.7090604@tsmchughs.com>
On 3/12/12 10:17 PM, Jukka K. Korpela wrote:
> 2012-03-13 0:52, Brian Tremblay wrote:
>
>> Does it make sense to have an html page that contains, besides its
>> own header and footer, a single article?
>
> Yes.
>
> Regarding the descriptions,
> "The article element represents a self-contained composition in a
> document, page, application, or site and that is, in principle,
> independently distributable or reusable, e.g. in syndication. This
> could be a forum post, a magazine or newspaper article, a blog entry
> [....]"
>
> I don't see why a photo with its title could not be an independent
> item of content, at least if the title contains sufficient
> information about the photo.
Right. But what's the point of a page that has only 1 article -- and
will never have any more? It seems like any web page, if reasonably well
constructed, should be "self-contained" and "independently distributable
or reusable".
>> if the only h1 on the page is inside the article element, what
>> does the document outline look like?
>
> Untitled Section
> Your h1 heading
>
> See http://gsnedders.html5.org/outliner/
Thanks for the link.
> As far as I know, document outline is just a theoretical concept so
> far, with no implications on anything real.
As with much of html5, I suppose. I don't think any clients do anything
useful with or , either. It makes markup more
self-documenting, but that seems to be about it.
--
Brian Tremblay
From jay at peepo.com Fri Mar 9 01:34:49 2012
From: jay at peepo.com (jonathan chetwynd)
Date: Fri, 9 Mar 2012 09:34:49 +0000
Subject: [html5] button: why is image not centred vertically?
Message-ID: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
is there a means** to centre image vertically, with minimal gap?
note there is no gap (maybe 1px?) at top, but significant gap at bottom (maybe 4px?), why is this?
kind regards
Jonathan Chetwynd
~:" jay at peepo.com
http://www.peepo.com
+44 (0) 20 7978 1764
**setting
margin: 0px;
padding: 0px;
has no effect
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
-------------- next part --------------
A non-text attachment was scrubbed...
Name: button.jpg
Type: image/jpg
Size: 1491 bytes
Desc: not available
URL:
From ravikaanth1220 at gmail.com Fri Mar 9 01:42:14 2012
From: ravikaanth1220 at gmail.com (Ravi Kaanth)
Date: Fri, 9 Mar 2012 15:12:14 +0530
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID:
http://www.html5canvastutorials.com/tutorials/html5-canvas-rectangles/
On Fri, Mar 9, 2012 at 3:04 PM, jonathan chetwynd wrote:
>
>
>
> width="10"
> height="10">
>
>
>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at
> bottom (maybe 4px?), why is this?
>
>
> kind regards
>
> ** ** ** **
>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> **setting
>
> margin: 0px;
> padding: 0px;
>
> has no effect
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From simonp at opera.com Fri Mar 9 01:43:06 2012
From: simonp at opera.com (Simon Pieters)
Date: Fri, 09 Mar 2012 10:43:06 +0100
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID:
On Fri, 09 Mar 2012 10:34:49 +0100, jonathan chetwynd
wrote:
>
>
>
> width="10"
> height="10">
>
>
>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at bottom
> (maybe 4px?), why is this?
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
Use display:block on the .
--
Simon Pieters
Opera Software
From mattantwest at gmail.com Fri Mar 9 02:37:25 2012
From: mattantwest at gmail.com (Matt West)
Date: Fri, 9 Mar 2012 10:37:25 +0000
Subject: [html5] button: why is image not centred vertically?
In-Reply-To:
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID: <110905A4866D41098319CC83B27AD2F4@gmail.com>
Can you inspect the element using the developer tools in chrome or firebug in firefox.
Maybe the user agent stylesheet is effecting something.
I noticed there are a few other suggestion to try as well in this thread.
--
Matt West
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)
On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> Jonathan Chetwynd's mail signature
> Jonathan Chetwynd
> ~:" jay at peepo.com (mailto:j.chetwynd at btconnect.com)
> http://www.peepo.com (http://www.peepo.com/)
> +44 (0) 20 7978 1764
>
>
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
> > button {
> > font-size: 0;
> > }
> >
> >
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From artzone_1 at comcast.net Fri Mar 9 06:46:16 2012
From: artzone_1 at comcast.net (- mary nelson-)
Date: Fri, 9 Mar 2012 09:46:16 -0500
Subject: [html5] Need diagram of help services
Message-ID:
However, I would like to taylor the list. Where can I go to do this?
From nicholas.stephan at gmail.com Fri Mar 9 10:57:56 2012
From: nicholas.stephan at gmail.com (Nicholas Stephan)
Date: Fri, 9 Mar 2012 10:57:56 -0800
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <110905A4866D41098319CC83B27AD2F4@gmail.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
<110905A4866D41098319CC83B27AD2F4@gmail.com>
Message-ID:
Buttons (along with checkboxes, select element, etc...) are styled by the
browser, and every browser is different.
Removing that default styling with:
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
will get you an ugly looking grey box. But you can then style it with CSS
that makes sense and still get the functionality of a button.
On Fri, Mar 9, 2012 at 2:37 AM, Matt West wrote:
> Can you inspect the element using the developer tools in chrome or
> firebug in firefox.
> Maybe the user agent stylesheet is effecting something.
>
> I noticed there are a few other suggestion to try as well in this thread.
>
>
> --
> Matt West
> Sent with Sparrow
>
> On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
>
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> ** ** ** **
>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
>
> button {
> font-size: 0;
> }
>
>
>
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From webmaster at tsmchughs.com Mon Mar 12 15:52:18 2012
From: webmaster at tsmchughs.com (Brian Tremblay)
Date: Mon, 12 Mar 2012 15:52:18 -0700
Subject: [html5] single article
Message-ID: <4F5E7E22.6060001@tsmchughs.com>
Does it make sense to have an html page that contains, besides its own
header and footer, a single article?
On a photographer's site, the home page has an header with h1, and at
least 1 article, which contains its own header with h1, photo, and
footer. The page may have non-photo articles, an address element, maybe
other sections.
Each photo on the site has its own page. These individual photo pages
contain a header and footer, with the main content being the photo. I'm
sort of thinking of placing that photo, along with the photo title, in
an article element. Is this proper? And if the only h1 on the page is
inside the article element, what does the document outline look like?
--
Brian Tremblay
From jukka.k.korpela at kolumbus.fi Mon Mar 12 22:17:05 2012
From: jukka.k.korpela at kolumbus.fi (Jukka K. Korpela)
Date: Tue, 13 Mar 2012 07:17:05 +0200
Subject: [html5] single article
In-Reply-To: <4F5E7E22.6060001@tsmchughs.com>
References: <4F5E7E22.6060001@tsmchughs.com>
Message-ID: <4F5ED851.6010105@kolumbus.fi>
2012-03-13 0:52, Brian Tremblay wrote:
> Does it make sense to have an html page that contains, besides its own
> header and footer, a single article?
Yes.
> These individual photo pages
> contain a header and footer, with the main content being the photo. I'm
> sort of thinking of placing that photo, along with the photo title, in
> an article element. Is this proper?
The markup has no real impact, at present at least, beyond
making its content displayed as a block on some browsers.
Regarding the descriptions,
"The article element represents a self-contained composition in a
document, page, application, or site and that is, in principle,
independently distributable or reusable, e.g. in syndication. This could
be a forum post, a magazine or newspaper article, a blog entry, a
user-submitted comment, an interactive widget or gadget, or any other
independent item of content."
http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-article-element
I don't see why a photo with its title could not be an independent item
of content, at least if the title contains sufficient information about
the photo.
> And if the only h1 on the page is
> inside the article element, what does the document outline look like?
Untitled Section
Your h1 heading
See http://gsnedders.html5.org/outliner/
As far as I know, document outline is just a theoretical concept so far,
with no implications on anything real. Before some software starts
actually utilizing outlines, you cannot know whether this is a better
outline (for some purposes) than what you'd get without markup.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
From webmaster at tsmchughs.com Tue Mar 13 15:17:16 2012
From: webmaster at tsmchughs.com (Brian Tremblay)
Date: Tue, 13 Mar 2012 15:17:16 -0700
Subject: [html5] single article
In-Reply-To: <4F5ED851.6010105@kolumbus.fi>
References: <4F5E7E22.6060001@tsmchughs.com> <4F5ED851.6010105@kolumbus.fi>
Message-ID: <4F5FC76C.7090604@tsmchughs.com>
On 3/12/12 10:17 PM, Jukka K. Korpela wrote:
> 2012-03-13 0:52, Brian Tremblay wrote:
>
>> Does it make sense to have an html page that contains, besides its
>> own header and footer, a single article?
>
> Yes.
>
> Regarding the descriptions,
> "The article element represents a self-contained composition in a
> document, page, application, or site and that is, in principle,
> independently distributable or reusable, e.g. in syndication. This
> could be a forum post, a magazine or newspaper article, a blog entry
> [....]"
>
> I don't see why a photo with its title could not be an independent
> item of content, at least if the title contains sufficient
> information about the photo.
Right. But what's the point of a page that has only 1 article -- and
will never have any more? It seems like any web page, if reasonably well
constructed, should be "self-contained" and "independently distributable
or reusable".
>> if the only h1 on the page is inside the article element, what
>> does the document outline look like?
>
> Untitled Section
> Your h1 heading
>
> See http://gsnedders.html5.org/outliner/
Thanks for the link.
> As far as I know, document outline is just a theoretical concept so
> far, with no implications on anything real.
As with much of html5, I suppose. I don't think any clients do anything
useful with or , either. It makes markup more
self-documenting, but that seems to be about it.
--
Brian Tremblay
From jay at peepo.com Fri Mar 9 01:34:49 2012
From: jay at peepo.com (jonathan chetwynd)
Date: Fri, 9 Mar 2012 09:34:49 +0000
Subject: [html5] button: why is image not centred vertically?
Message-ID: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
is there a means** to centre image vertically, with minimal gap?
note there is no gap (maybe 1px?) at top, but significant gap at bottom (maybe 4px?), why is this?
kind regards
Jonathan Chetwynd
~:" jay at peepo.com
http://www.peepo.com
+44 (0) 20 7978 1764
**setting
margin: 0px;
padding: 0px;
has no effect
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
-------------- next part --------------
A non-text attachment was scrubbed...
Name: button.jpg
Type: image/jpg
Size: 1491 bytes
Desc: not available
URL:
From ravikaanth1220 at gmail.com Fri Mar 9 01:42:14 2012
From: ravikaanth1220 at gmail.com (Ravi Kaanth)
Date: Fri, 9 Mar 2012 15:12:14 +0530
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID:
http://www.html5canvastutorials.com/tutorials/html5-canvas-rectangles/
On Fri, Mar 9, 2012 at 3:04 PM, jonathan chetwynd wrote:
>
>
>
> width="10"
> height="10">
>
>
>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at
> bottom (maybe 4px?), why is this?
>
>
> kind regards
>
> ** ** ** **
>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> **setting
>
> margin: 0px;
> padding: 0px;
>
> has no effect
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From simonp at opera.com Fri Mar 9 01:43:06 2012
From: simonp at opera.com (Simon Pieters)
Date: Fri, 09 Mar 2012 10:43:06 +0100
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID:
On Fri, 09 Mar 2012 10:34:49 +0100, jonathan chetwynd
wrote:
>
>
>
> width="10"
> height="10">
>
>
>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at bottom
> (maybe 4px?), why is this?
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
Use display:block on the .
--
Simon Pieters
Opera Software
From mattantwest at gmail.com Fri Mar 9 02:37:25 2012
From: mattantwest at gmail.com (Matt West)
Date: Fri, 9 Mar 2012 10:37:25 +0000
Subject: [html5] button: why is image not centred vertically?
In-Reply-To:
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
Message-ID: <110905A4866D41098319CC83B27AD2F4@gmail.com>
Can you inspect the element using the developer tools in chrome or firebug in firefox.
Maybe the user agent stylesheet is effecting something.
I noticed there are a few other suggestion to try as well in this thread.
--
Matt West
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)
On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> Jonathan Chetwynd's mail signature
> Jonathan Chetwynd
> ~:" jay at peepo.com (mailto:j.chetwynd at btconnect.com)
> http://www.peepo.com (http://www.peepo.com/)
> +44 (0) 20 7978 1764
>
>
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
> > button {
> > font-size: 0;
> > }
> >
> >
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From artzone_1 at comcast.net Fri Mar 9 06:46:16 2012
From: artzone_1 at comcast.net (- mary nelson-)
Date: Fri, 9 Mar 2012 09:46:16 -0500
Subject: [html5] Need diagram of help services
Message-ID:
However, I would like to taylor the list. Where can I go to do this?
From nicholas.stephan at gmail.com Fri Mar 9 10:57:56 2012
From: nicholas.stephan at gmail.com (Nicholas Stephan)
Date: Fri, 9 Mar 2012 10:57:56 -0800
Subject: [html5] button: why is image not centred vertically?
In-Reply-To: <110905A4866D41098319CC83B27AD2F4@gmail.com>
References: <5846FCF3-2130-4AE6-AFAA-FFF678220EDF@peepo.com>
<110905A4866D41098319CC83B27AD2F4@gmail.com>
Message-ID:
Buttons (along with checkboxes, select element, etc...) are styled by the
browser, and every browser is different.
Removing that default styling with:
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
will get you an ugly looking grey box. But you can then style it with CSS
that makes sense and still get the functionality of a button.
On Fri, Mar 9, 2012 at 2:37 AM, Matt West wrote:
> Can you inspect the element using the developer tools in chrome or
> firebug in firefox.
> Maybe the user agent stylesheet is effecting something.
>
> I noticed there are a few other suggestion to try as well in this thread.
>
>
> --
> Matt West
> Sent with Sparrow
>
> On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
>
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> ** ** ** **
>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
>
> button {
> font-size: 0;
> }
>
>
>
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
From webmaster at tsmchughs.com Mon Mar 12 15:52:18 2012
From: webmaster at tsmchughs.com (Brian Tremblay)
Date: Mon, 12 Mar 2012 15:52:18 -0700
Subject: [html5] single article
Message-ID: <4F5E7E22.6060001@tsmchughs.com>
Does it make sense to have an html page that contains, besides its own
header and footer, a single article?
On a photographer's site, the home page has an header with h1, and at
least 1 article, which contains its own header with h1, photo, and
footer. The page may have non-photo articles, an address element, maybe
other sections.
Each photo on the site has its own page. These individual photo pages
contain a header and footer, with the main content being the photo. I'm
sort of thinking of placing that photo, along with the photo title, in
an article element. Is this proper? And if the only h1 on the page is
inside the article element, what does the document outline look like?
--
Brian Tremblay
From jukka.k.korpela at kolumbus.fi Mon Mar 12 22:17:05 2012
From: jukka.k.korpela at kolumbus.fi (Jukka K. Korpela)
Date: Tue, 13 Mar 2012 07:17:05 +0200
Subject: [html5] single article
In-Reply-To: <4F5E7E22.6060001@tsmchughs.com>
References: <4F5E7E22.6060001@tsmchughs.com>
Message-ID: <4F5ED851.6010105@kolumbus.fi>
2012-03-13 0:52, Brian Tremblay wrote:
> Does it make sense to have an html page that contains, besides its own
> header and footer, a single article?
Yes.
> These individual photo pages
> contain a header and footer, with the main content being the photo. I'm
> sort of thinking of placing that photo, along with the photo title, in
> an article element. Is this proper?
The markup has no real impact, at present at least, beyond
making its content displayed as a block on some browsers.
Regarding the descriptions,
"The article element represents a self-contained composition in a
document, page, application, or site and that is, in principle,
independently distributable or reusable, e.g. in syndication. This could
be a forum post, a magazine or newspaper article, a blog entry, a
user-submitted comment, an interactive widget or gadget, or any other
independent item of content."
http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-article-element
I don't see why a photo with its title could not be an independent item
of content, at least if the title contains sufficient information about
the photo.
> And if the only h1 on the page is
> inside the article element, what does the document outline look like?
Untitled Section
Your h1 heading
See http://gsnedders.html5.org/outliner/
As far as I know, document outline is just a theoretical concept so far,
with no implications on anything real. Before some software starts
actually utilizing outlines, you cannot know whether this is a better
outline (for some purposes) than what you'd get without markup.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
From webmaster at tsmchughs.com Tue Mar 13 15:17:16 2012
From: webmaster at tsmchughs.com (Brian Tremblay)
Date: Tue, 13 Mar 2012 15:17:16 -0700
Subject: [html5] single article
In-Reply-To: <4F5ED851.6010105@kolumbus.fi>
References: <4F5E7E22.6060001@tsmchughs.com> <4F5ED851.6010105@kolumbus.fi>
Message-ID: <4F5FC76C.7090604@tsmchughs.com>
On 3/12/12 10:17 PM, Jukka K. Korpela wrote:
> 2012-03-13 0:52, Brian Tremblay wrote:
>
>> Does it make sense to have an html page that contains, besides its
>> own header and footer, a single article?
>
> Yes.
>
> Regarding the descriptions,
> "The article element represents a self-contained composition in a
> document, page, application, or site and that is, in principle,
> independently distributable or reusable, e.g. in syndication. This
> could be a forum post, a magazine or newspaper article, a blog entry
> [....]"
>
> I don't see why a photo with its title could not be an independent
> item of content, at least if the title contains sufficient
> information about the photo.
Right. But what's the point of a page that has only 1 article -- and
will never have any more? It seems like any web page, if reasonably well
constructed, should be "self-contained" and "independently distributable
or reusable".
>> if the only h1 on the page is inside the article element, what
>> does the document outline look like?
>
> Untitled Section
> Your h1 heading
>
> See http://gsnedders.html5.org/outliner/
Thanks for the link.
> As far as I know, document outline is just a theoretical concept so
> far, with no implications on anything real.
As with much of html5, I suppose. I don't think any clients do anything
useful with or , either. It makes markup more
self-documenting, but that seems to be about it.
--
Brian Tremblay