Re: [css-d] PROBLEM with CSS for checkbox - Firefox

[Philip Taylor (RHBNC)]

Karl DeSaulniers wrote:

Hi Philip,
At the time I didn't think to use !important (I try to avoid like the plague) 
but yes,
putting the !important let my borders and shading work without using 
-webkit-appearance:unset;
Excellent news.  I completely agree with you that one should eschew 
!important as a matter of course, but I think that if all else fails it 
can be worth a try.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

[Philip Taylor]

Karl DeSaulniers wrote:
> Hi Phillipe,
> Yes I have. I had to use it once when mobile phones were styling my submit 
> buttons and not letting my style be applied.
> It would allow the color, but not the appearance like borders and shading to 
> be applied. 
> Once I added the -*-appearance: unset, it allowed my style to be applied 
> including borders and shading.
Did !important have any perceivable effect, Karl ?
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Embedded Video does not more work

[Philip Taylor]

What leads you to believe that this is a CSS issue, Michelle ?

Michelle Konzack wrote:
> Hello Experts,
>
> On my website  I have several videos  and
> the one in this page  (the  bunny
> animation) is working properly.
>
> This one (nearly at the end) 
> 
> WAS working but now it show an error message:
>
> A plugin is needed to display the content.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] list of all the CSS properties?

[Philip Taylor]

Dean, John wrote:
> CSS discuss group,
>
> I'm near the end stages of writing a book on HTML, CSS, and JavaScript, and 
> I'm reviewing all the URLs in my book. Unfortunately, the link I used for 
> showing all the CSS properties is now quite a bit different than what it was 
> several months ago. When I wrote my CSS chapter, I said "The W3C's official 
> CSS properties reference is at https://www.w3.org/TR/CSS/#properties. That 
> link used to take me to a nice table with all the properties with their 
> associated default values and their associated inheritability status.
>
> But now, that link takes me to "section 4.4. Property Index" in the "CSS 
> Snapshot 2017" page. And that section lists things like align-content and 
> box-decoration-break, which I don't think are CSS properties (?).
My conjecture (from my reading of that page) would be that they /are/ CSS 
properties.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

[Philip Taylor]

Karl DeSaulniers wrote:
> For me this gets tiresome. I can not speak for others.
You also speak for me.
-- 

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

[Philip Taylor]

Thank you Philippe, thank you Tom.  
https://lists.w3.org/Archives/Public/www-style/ appears to be exactly the 
resource that I was seeking, but the other lists are certainly of interest.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

[Philip Taylor]

Tom Livingston wrote:
> I subscribe to newsletters such as Frontend Focus, Alistapart (digest),
> Versioning (less focused, but good), Responsive Design Weekly, CSS-tricks
> and a couple others I can't think of right now. If I dig them up I will
> reply again.
Thank you Tom.  I suppose what I had in mind was a W3C-hosted list, but if 
there is no such thing then pointers to derivative lists such as these would be 
a good fallback.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

[Philip Taylor]

It is only in the last few days that I have learned of the existence of vh and 
vw units.  I can already see just what an advance they represent, and I am very 
sorry that I did not learn of their existence earlier.  To which list should I 
subscribe if I wish to be regularly and reliably informed of changes to the CSS 
specification(s) ?
-- 

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to use "radius" if I have no img tag?

[Philip Taylor]

Karl DeSaulniers wrote:

> As for screen readers, you could take advantage of the alt and title tags on 
> images to include a description that can be read aloud.

And a longdesc [1] link, of course.
Philip Taylor

https://www.w3.org/TR/html-longdesc/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to use "radius" if I have no img tag?

[Philip Taylor]

Michelle Konzack wrote:
> This is what I have and is working.
>
>> #pageHeadLeft { background-image: url(/michelle.png); }
> So if I understand it right, I can not modify the shape of an image,  if
> it is shown trough the CSS, mean embedded with the url() construct.
But can you not, as others have suggested, round the corners of #pageHeadLeft 
(i.e., the container) and set "overflow: none" so that the portion(s) of the 
background image that protrude beyond the rounded corners of the container are 
invisible ?

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Box Sizing

[Philip Taylor]

Crest Christopher wrote:
> I have a question regarding box sizing.
>
> Box Sizing: Content Box
> Doesn't include the height values, only the width values, unlike border box ?
>
> Box Sizing: Border Box
> Includes the border and padding values into the height and width values, 
> allowing you to set the total width of an alement though the width property.
Your habit of phrasing questions as statements does not (IMHO) encourage others 
to try to answer them.  If you were to phrase questions as questions (/qua/ 
questions), I believe that you might expect more, and more informative, replies.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Styling Inline tag vertically

[Philip Taylor]

Tom Livingston wrote:
> I do not. I was assuming the HTML couldn't be changed. The best thing to do
> is get rid of the span.

OK.   I had in  mind Crest's previous message in which he said he had been 
booted out of a project because of a coding error on his part.  It therefore 
seemed wise to warn him that ... would count as a pretty 
egregious coding error to my mind ...

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Styling Inline tag vertically

[Philip Taylor]

Tom Livingston wrote:
> On Thu, Feb 23, 2017 at 9:43 AM, Crest Christopher
> <crestchristop...@gmail.com> wrote:
>> I'm strictly having to use inline style sheets. My goal is to reposition
>> the tag I'm about to mention vertically on the page.
>>
>> I have a  nested within a , when I try to style the  tag I
>> can't reposition the contents within the tag using margins.  When I
>> attempt to style the the  using margins I also can't reposition
>> the contents within, although I don't want to style the  since
>> I'll be styling everything within the  as well and I strictly want
>> to only reposition the  tag ?
>
> The span is an inline element which doesn't respond to margin styles.
> add a declaration for the span to be inline-block (or block) and then
> try your positioning.
Do you both believe that an  element can legitimately be a child of a 
 element ?
If so, are you able to cite any W3C specification that permits such a nest ?

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Developing on an iPad? [OT]

[Philip Taylor]

Leo :  Are not develop /for/ an I-pad and develop /on/ an I-pad two rather 
different concepts ?
Philip Taylor

Leo Ingson wrote:

> Not perfect, but simple setup: Chrome devtools with device toogled to
> iPad will get you some distance. Then develop on a server and do
> frequent tests with real iPad(s).

> On 31/12/16 20:54, John J wrote:

>> Can anyone here who develops on an iPad kindly share how this is
>> done?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] OT: align img tag with inline css

[Philip Taylor]

Clearly not; whether or not to quote a message to which one is replying is at 
the discretion of the person sending the reply.  Eric, in his ground rules for 
this list [1], advocates heavy pruning.  Jan has pruned completely, which the 
ground rules do not state is unacceptable.  As Eric notes, "list members can 
look at the message to which [the respondent] responded, or check the archive".

[1] http://www.css-discuss.org/policies.html

Crest Christopher asked :
> The original question didn't get quoted ?
-- 

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Style Object tag svg

[Philip Taylor]

Stu Graham - Linnets wrote:
>  
>
> Hi, 
>
> Please can you remove me from this mailing list now. 
> List-Unsubscribe: ,
>   

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New website

[Philip Taylor]

Karl DeSaulniers wrote:

> So your main issue is the load time?

Yes (I thought that was clear from my original message. [1]); I would in
addition suggest that once something such as "Social media" is allowed
to partially overlay "Design Drum" the latter be faded out completely
(seeing a part of it is just annoying), but the load time is far and
above anything else that needs attention, IMHO.

** Phil.

[1]
> Sorry, Karl, I would never /ever/ have the patience to wait for such a
> site to load.  "Minifying" (etc.,) may help, but a radical overhaul and
> massive simplification is really needed, IMHO.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New website

[Philip Taylor]

Karl DeSaulniers wrote:

> Thanks for your opinion Philip. What is this radical overhaul and 
> simplification you see necessary? After all, it's just a portfolio website. 

Anything that would dramatically reduce the load time, Karl.
** Phil.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New website

[Philip Taylor]

Karl DeSaulniers wrote:

> Yes, I sent another message with that in it.
> Must not have posted. Here you go. 
> Thanks for asking. :)
> 
> http://designdrumm.com

Sorry, Karl, I would never /ever/ have the patience to wait for such a
site to load.  "Minifying" (etc.,) may help, but a radical overhaul and
massive simplification is really needed, IMHO.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Menu hover bleeding 1px on FF

[Philip TAYLOR]

J.C. Berry wrote:

Hi everyone, could you help with an issue I am having with a menu hover
background color in Firefox?

http://www.xifin.com/pronet/partners

You will notice that the hover bleeds about 1px on the bottom. Any ideas?

Thanks!

Can't help with that, I am afraid, but I can tell you that the site 
renders badly here, with content disappearing off both the left and 
right-hand sides of the screen.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New website

[Philip Taylor]

I don't have any "small" devices but it behaves perfectly at all window
sizes and all zoom levels [1] on a conventional browser platform.

Philip Taylor

[1] Except that the upward-pointing chevron indicating "Go to top of
page" is a non-analytic graphic that therefore does not zoom without
obvious pixelation.

Karl DeSaulniers wrote:
> Hi All,
> I would really appreciate feedback from you guys on this WordPress website I 
> just finished. It "should" be responsive on most if not all screens and work 
> on old IEs as well.
> Any tips for SEO would be great, but OT for this list, so send off-list if 
> you feel obliged. My SEO foo is rookie at best. Not sure how it works on 
> assisted devices, hoping it does.
> 
> I am actually excited to share, so If you run into any snags, let me know if 
> you would be so kind, but over all, what do you think? :)
> TIA
> 
> http://tpsautoshippers.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iPhone difference 5 & 5c ?

[Philip Taylor]

Georg wrote:

> With the wide range of screen dimensions and resolutions our designs
> (risk) ending up on today, it sounds strange that some are still
> limiting their designs to specific pixel measures.

Quite.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Chris Williams wrote:

> Philip's second reply in this thread has the same markers.  I hadn't even
> entered into the conversation yet.

"Philip's second reply in this thread" is presumably my message of
09/10/2015 17:36, which read :

> Gates, Jeff wrote:
> 
>> Instead of a ³tick² mark for an apostrophe, I¹d like a mark like you see
>> here: ¹
>> This: ¹ Not this: '
> 
> Hmmm, what I see are superscript 3, 2 & 1 in that order, followed by a
> prime.  What I now think you meant is :
> 
> Instead of a “tick” mark for an apostrophe, I¹d like a mark like you see
> here: ’
> 
> I know of no way of accomplishing that using CSS, but server-side
> processing might be an (off-list/topic) option.
> 
> Philip Taylor

The quotation from Jeff Gates (being a quotation) contains the
characters that he sent (superscript 3, 2 & 1, in that order); the
latter part of the message (the part immediately preceded by "What I now
think you meant") contains Unicode left and right double quotation marks
and a single right quotation mark, in that order.  If your (Chris's)
e-mail client displays superscript 3, 2 and 1 for both parts of the
message, then it is either incapable of rendering even basic Unicode
glyphs correctly, or (more likely, in view of the fact that it sometimes
sends in "euc-kr" encoding) it is incorrectly configured.  If it
displays superscript 3, 2 and 1 for the earlier part and the correct
quotation marks for the latter part, then it is behaving correctly (in
this respect, at least).

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Chris, could you please forward (to the list) the message headers in the
message from me which you believe was in Korean encoding, as I did with
your message ?  What you "quoted" was sent (by you) in Korean encoding
(euc-kr) so it mis-represented what I had sent which was sent in utf-8
as with all of my e-mails.

Could you also please clarify explicitly (as requested previously)
whether you saw the wrong characters only in the part from Jeff that I
was quoting, or in my original contribution which followed in the same
message ?

Philip Taylor

Chris Williams wrote:
> As I noted and quoted, YOUR email had the Korean encoding markers before I
> even entered the conversation.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Chris Williams wrote:

> My larger point was, tread carefully here.  Test a lot.  Unexpected
> results (as Jeff sees in his simple email to this list) are likely.

If one has to tread carefully for characters as commonplace and
straightforward as curly quotation marks, what hope has one if one wants
(as I frequently do) to use Vietnamese characters, polytonic Greek
characters, IPA characters and so on ?  I really think that, in the 21st
century, one should be able to rely on the receiving client displaying
the the more common elements of the Unicode repertoire correctly.   If I
were to want to include Cherokee, Blackfoot, Dene, Cree or Naskapi, for
example, then I would do well to ensure that my intended recipient(s)
had support for such languages.  But this should not have to be the case
for mainstream languages, let alone basic punctuation.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Chris Williams wrote:

> [Can you] explain then, your email of yesterday where you explain that you 
> said

Explain what, Chris ?  I sent a plain text message in UTF-8 which read :

> Content-Type: text/plain; charset=UTF-8
> Content-Transfer-Encoding: 8bit
> 
> 
> 
> Gates, Jeff wrote:
> 
>> Instead of a ³tick² mark for an apostrophe, I¹d like a mark like you see
>> here: ¹
>> This: ¹ Not this: '
> 
> Hmmm, what I see are superscript 3, 2 & 1 in that order, followed by a
> prime.  What I now think you meant is :
> 
> Instead of a “tick” mark for an apostrophe, I¹d like a mark like you see
> here: ’
> 
> I know of no way of accomplishing that using CSS, but server-side
> processing might be an (off-list/topic) option.
> 
> Philip Taylor

If what you received was did not contain left and right double curly
quotation marks and a single right curly quotation mark, then your
e-mail client is incapable of displaying even the most basic parts of
the Unicode repertoire correctly.

What you sent back, which displayed here as left and right
double-quotation marks but a superscript 1 instead of a single right
quotation mark was not sent in UTF-8 but in a Korean encoding :

> Content-Type: text/plain; charset="euc-kr"
> Content-Transfer-Encoding: base64

If you abandon Unicode and use proprietary or national encodings, all
bets are off.  Jeff used neither (he used a standard ISO encoding :  ISO
8859-1) but as that encoding does not contain the characters he was
seeking to communication, they appeared garbled as one would expect :
ISO-8859-1 contains only « », " ", and ' ', and does not provide for
oriented (6- or 9-shaped) single or double quotation marks.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Tom Livingston wrote:


> > I only saw superscripted numbers as well, and I have my doubts that
> > ios9.x gmail client can't display unicode...
> 
> Saw only superscripted numbers in whose/which message, Tom ?
> Philip Taylor
> 
>  Jeff gates first reply.

Jeff sent in ISO-8859-1, as I mentioned in my preceding message;
therefore you (and I) saw characters from the ISO-8859-1 character set,
which does not contain the very characters that Jeff was trying to
communicate.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Tom Livingston wrote:

> For what it's worth, I usually use entities and have yet to hear of any
> issues. 
> 
> This:  not: '
> 
> Though, I am no Unicode scholar. 

Certain entities come predefined in HTML and XHMTL, and entities can be
declared for XML documents, but in plain text messages such as yours :

> Content-Type: text/plain; charset=UTF-8

they will be rendered as typed.  The set of entities that are valid for
HTML 4.01 and XHTML include 

Philip Taylor

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Tom Livingston wrote:

> I only saw superscripted numbers as well, and I have my doubts that
> ios9.x gmail client can't display unicode...

Saw only superscripted numbers in whose/which message, Tom ?
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Gates, Jeff wrote:

> Is there a way I can use css to replace all dump apostrophes with curly
> ones ? 

Google has never heard of "dump apostrophe(s)" (and neither have I), so
I regret that I can't help with this one.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Gates, Jeff wrote:

> Instead of a ³tick² mark for an apostrophe, I¹d like a mark like you see
> here: ¹
> This: ¹ Not this: '

Hmmm, what I see are superscript 3, 2 & 1 in that order, followed by a
prime.  What I now think you meant is :

Instead of a “tick” mark for an apostrophe, I¹d like a mark like you see
here: ’

I know of no way of accomplishing that using CSS, but server-side
processing might be an (off-list/topic) option.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS solution for a "curly" apostrophe

[Philip Taylor]

Chris Williams wrote:

> 1) These characters are font dependent.  Unless you are specifically
> calling out fonts that you use, you risk using glyphs that will not be
> found on your target machine.

My understanding (and I may be wrong) is that if a modern browser is
called on to display a glyph G from a font F (or from a font alternative
sequence F1, F2, F3, ...) and the glyph does not exist in F, F1, F2 or
F3, the browser will attempt to substitute another font (which /does/
contain the glyph) for the offending glyph, if such a font can be found
on the system on which the browser is running.

So given that U+2019RIGHT SINGLE QUOTATION MARK (the preferred
character to use for apostrophe ) is a standard part of Unicode, there
is no reason not to use it where possible; only very old machines
without Unicode support are likely to fail to display the glyph
correctly.  Other similar and supported characters include :

> U+0022QUOTATION MARK  "   neutral (vertical), used as opening or 
> closing quotation mark; preferred characters in English for paired quotation 
> marks are U+201C and U+201D
> U+0027APOSTROPHE  '   neutral (vertical) glyph having mixed 
> usage; preferred character for apostrophe is U+2019; preferred characters in 
> English for paired quotation marks are U+2018 and U+2019
> U+0060GRAVE ACCENT`
> U+00B4ACUTE ACCENT´
> U+2018LEFT SINGLE QUOTATION MARK  ‘
> U+2019RIGHT SINGLE QUOTATION MARK ’   this is the preferred 
> character to use for apostrophe
> U+201CLEFT DOUBLE QUOTATION MARK  “
> U+201D    RIGHT DOUBLE QUOTATION MARK ” 

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] font-family declaring

[Philip Taylor]

Tom Livingston wrote:

> He means Google it. [*]
> 
> On Thu, Oct 1, 2015 at 9:55 AM, Crest Christopher wrote:
> 
>> Sorry, what do you mean by $search_engine_of_your_choice ?

[*] Statutory disclaimer :  other search engine providers offer similar
functionality.  "Google" is a registered trademarks of Google Inc.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] font-family declaring

[Philip Taylor]

Philippe Wittenbergh wrote:

>> How do I find what fonts are pre-installed on most mobile / tablet / 
>> desktops ?
> 
> Have you tried $search_engine_of_your_choice? Sometimes that is useful 
> technology.
> “font-list iOS”, “installed fonts Android”, etc, and any variation thereof.

I cannot help but feel that this is a somewhat pointless task.  CSS
allows (and is intended to allow) one to /influence/ the appearance of
the rendered page; it cannot (and was never intended to) allow one to
dictate the exact appearance thereof -- PDF is probably the medium of
choice where such a requirement exists.

Trying to guess which fonts might or might not be found in a viewer's
browser is similar to trying to guess exactly how many drops of rain
will fall on one's head tomorrow -- far better to take an umbrella (if
rain is expected), or do without (if it is not).

Since the page author has (in general) no way of knowing whether the
browser which an arbitrary visitor will use to render his/her page will
even /support/ @font-face, let alone which fonts will or will not be /a
priori/ available to that browser, far better to design the page to
render satisfactorily regardless of the fonts found/used, to serve (via
@font-face) those which the client deems /essential/ to the design, but
warn the client that no matter what he/she dictates, there will (with
100% certainty) be a time when the page will /not/ render as intended,
but will nonetheless render satisfactorily.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] .active

[Philip Taylor]

D Mark Weiss wrote:

> How do I use JavaScript to change the status of a bootstrap button to 
> .active. I'm happy to read a link. I haven't found one. 

IF   topic = "JavaScript"
THEN topic := "off-topic;
 lists -:= "CSS-D
FI
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css for Android only?

[Philip Taylor]

MiB wrote:

> sep 3 2015 16:16 marie-ange.demeulemees...@bnpparibasfortis.com:
> 
>> The only way to detect Android is [J]avaS[c]ript.
> 
> It’s kinda pointless attempting to do this yourself as there are frameworks 
> for this, also commercial. 

I would respectfully disagree.  It is /never/ pointless to attempt to do
something oneself that could be accomplished using a library routine /
framework / w-h-y.  By attempting to do it oneself, one learns; by using
a library routine / framework / w-h-y, one learns almost nothing.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Saving a PDF version of a page or a post automatically to a server directory

[Philip Taylor]

Øyvind Teig wrote:
> Saving a PDF version of a page or a post automatically to a server directory, 
> respecting the pages/posts structure.
> 
> Is there a plugin that does this?
> 
> Is a plugin allowed to write to the server at all?
> 
> If not, is this something that WordPress might possibly do?

Not entirely clear what (if anything) this has to do with CSS, Øyvind.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css validation error

[Philip Taylor]

Ryan Reese wrote:

 The validator basically doesn't know that it's valid CSS. It's not 
 updated.  Ignore the error :).

It might be helpful, Ryan, if you could provide a link to the
relevant part of the W3C CSS specification(s); that way, both the
original poster and other members of the list can better inform
themselves about this and other related aspects of CSS.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Path style CSS animation

[Philip Taylor]

David Hucklesby wrote:

 As that image is PHG, I doubt it. 

Are we seeing the same image at top-right ?  I see :


http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Path style CSS animation

[Philip Taylor]

David Hucklesby wrote:

 Are we seeing the same image at top-right ?  I see :

 
 http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png


 Philip Taylor

 Sorry. Typo. (Damn these cataracts!)

OK, so we are seeing the same image, in which case can it not be
animated programatically using the CSS opacity property coupled with
multiple variant images in different layers ?

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] make site suitable for mobile/small screens

[Philip Taylor]

I don't think that http://beta.erikvisser.net/images/header1.jpg should
scale anamorphically as the window changes width; it would be better
(IMHO) if the aspect ratio should remain constant and the viewport onto
it change.

Philip Taylor

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] making a site responsive - first step: making it all fluid

[Philip Taylor]

Erik Visser wrote:

 The current main structure is 3 columns (percentage based) in a wrapper.
 Completed with a header and footer. Main css for the columns:
 
 #wrap{width:100%; height:auto; float:left; margin:1.25rem 0 1rem 0;}
 #left{width:20%; height:auto; float:left; margin:0 0 0 0.6rem;}
 #mid{width:60%; height:auto; float:left; padding:0 0 0 0.6rem;}
 #right{width:20%; height:auto; float:left; margin:0 0 0 0.6rem;}

Given that the latter three add to exactly 100%, and ignoring rounding
issues, in what circumstances (if any) would you expect them to exploit
their floatability ?

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] making a site responsive - first step: making it all fluid

[Philip Taylor]

Erik Visser wrote:

 Philip Taylor schreef op 22-05-15 om 10:28:
 
 Given that the latter three add to exactly 100%, and ignoring rounding
 issues, in what circumstances (if any) would you expect them to exploit
 their floatability ?
 
 I am not a native English speaker. (guess you already noticed)
 So to be sure. If i understand you correctly, you are asking: in what
 way do i expect the content to adapt the screen size in a fluid way...
 Correct?

No.  In simpler words, as the widths of the individual columns add to
exactly 100%, it is not at all clear to me when one or more of those
columns might appear /underneath/ another column rather than alongside
(ignoring rounding issues).  Talking about adapting [to] the screen
size is too generic -- I was interested solely in why you have CSS that
would potentially allow the columns to float, yet size them such that it
is not clear in what situations (if any) that floatability might ever be
exploited.

** Phil.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] making a site responsive - first step: making it all fluid

[Philip Taylor]

Erik Visser wrote:

 This is the result so far: http://beta.utrechtsyogacentrum.nl
 
 How does this look on your different systems?
 
 Any comments are welcome.

Not good as the window narrows :  the left navigation aids overlap both
the vertical dashed divider line and the text to the right of that line.
 Screen capture available on request.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Mobile Issues to Solve

[Philip Taylor]

Mike Manley wrote:

 This is my first attempt to make a site responsive.  My approach was
 keep everything as much as possible, device resolution independent using
 a single css file.  I do have a couple of problems I would like to
 solve.  The header is to large on screens =480px and the tap targets
 (nav links) are to small on screens =320px.  What would be the best way
 to target these 2 items directly without affecting screens =480px?  I
 can only test on a Samsung G-S4 and a high resolution desktop.  I'm
 Still learning media queries.
 The site is at http://www.thetangos.com
 
 I am NOT a designer.  I would like some constructive feedback on the
 site as well (off list please).

As The Tango's (The Tango's what ?, one is forced to ask) is text,
why is it presented as a graphic ?  If it were text, it could
automatically adjust to better fit the available width ...

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Forcing Widows on Paragraph to Right of Floated Image Not to Wrap Under

[Philip Taylor]

In all the p.~1 examples currently visible, the problem could be solved
by simply treating the problem as a 2-column one; for a more general
solution that would allow very long text over-runs to continue under the
image rather than alongside, I would try an approach that places each
paragraph in its own container, and allow any one container to either be
alongside or underneath but never both.

Philip Taylor

Rick Gordon wrote:

 I'm wondering if there is a pure-CSS way to force widowed lines in a
 pargraph to the right of a floated image which is long enough to have a
 line or two wrap underneath the image.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] My slider doesn't play well with my drop down menu

[Philip Taylor]

Does not happen for me in Seamonkey 2.17.1, but there is a horrible
instability as the mouse is moved vertically between +1 866 210-9248 and
Connectivity. The text in your slider (if by that you mean the set of
images that scroll horizontally automatically) overflows its container
vertically and some is therefore lost/invisible.

Philip Taylor

D'Arcy J.M. Cain wrote:
 A quick check of the archives and Google didn't shed any light on this
 problem.  See http://www.vybenetworks.com/new/index.html for my WIP.
 If you go to any of the sub pages (note, not all are written yet) the
 menus work just fine.  However, on the home page the slider interferes
 with them.  As soon as the cursor enter the slider DIV the menu goes
 away.  So, for example, I can't click on Connectivity unless I first
 move away from the home page.
 
 This is on Firefox 37.0.1 on Ubuntu.  It also happens on Chrome I am
 told.
 
 Cheers.
 
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] My slider doesn't play well with my drop down menu

[Philip Taylor]

D'Arcy J.M. Cain wrote:

 I added a fix from Jennifer and Tom.  Does that fix this issue as well?

'fraid not.  Cf.
https://picasaweb.google.com/Chaa006/VybeInstability?authkey=Gv1sRgCK-P1KCk2s6f1QE#slideshow/6137971894508252290

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] My slider doesn't play well with my drop down menu

[Philip Taylor]

Philip Taylor wrote:

 Not a great improvement, IMHO.  Screenshots to follow.

Cf. second pair of images here :


https://picasaweb.google.com/Chaa006/VybeInstability?authkey=Gv1sRgCK-P1KCk2s6f1QE#
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] My slider doesn't play well with my drop down menu

[Philip Taylor]

Not a great improvement, IMHO.  Screenshots to follow.
Philip Taylor

D'Arcy J.M. Cain wrote:
 On Wed, 15 Apr 2015 11:02:48 -0400
 D'Arcy J.M. Cain da...@vybenetworks.com wrote:
 On Wed, 15 Apr 2015 15:32:33 +0100
 Philip Taylor p.tay...@rhul.ac.uk wrote:
 https://picasaweb.google.com/Chaa006/VybeInstability?authkey=Gv1sRgCK-P1KCk2s6f1QE#slideshow/6137971894508252290

 Yikes!  That's not supposed to happen.  The NAV menu is supposed to
 stay fixed vertically and only push to the left a bit to accommodate
 
 Found it. 
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] My slider doesn't play well with my drop down menu

[Philip Taylor]

I mean that Services (etc) shifts left when the user moves his/her mouse
over the telephone number, etc.  Very disconcerting.

Philip Taylor

D'Arcy J.M. Cain wrote:

 Are you talking about the fact that the menu covers part of the pulse
 when it is bigger?  I pointed that out to the designer and he was OK
 with it since it was only while hovering.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FOUC on homepage

[Philip Taylor]

I would be more inclined to try to help if you glossed FOUC rather 
than requiring me (and perhaps others) to research it for myself 
(theirselves).


Philip Taylor

J.C. Berry wrote:


Hello all, can you shed any light on how to fix a FOUC on our homepages?
http://www.xifin.com
http://www.xifin.com/radiology (maybe not bad?)

Thanks in advance!


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :after not working in FF or IE but fine in Chrome and Safari

[Philip Taylor]

Debbie Campbell wrote:


Don't know what I'm doing wrong here...


17 HTML errors would cause me to look at my HTML before wondering why my 
CSS does not work as intended.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Two Phones one problem

[Philip Taylor]

David Laakso wrote:


The specs for the screen size of the three phones you listed are:
1/ iPhone/4 3.5 inches corner-to-corner
2/ iPhone/5 4 inches corner-to-corner
3/ Nokia Lumina 1520 6 inches corner-to-corner



Try revising your mq break-point to accommodate the wider Nokia Lumina screen?


I cannot help but feel that the current need, apparently experienced by 
many, to attempt to cope with an exponentially increasing number of 
smart'phone and tablet variants by writing ever-more-complex media 
queries, is essentially analogous to the need to flagellate oneself with 
nettles, brambles and similar as experienced by mystics and others in 
previous centuries.  The pleasure to be experienced when you finally 
have the sense to stop will surely far outweigh the anguish and pain 
that you are currently experiencing ...


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stacking Issue continues

[Philip Taylor]

Tom Livingston wrote:


With respect, the code that the validator doesn't like or understand is
necessary and the issue isn't showing up on other pages of the site with
the same stylesheet.


Fair enough.  But I personally make it a rule never to investigate the 
mis-behaviour of a page that fails validation; it is (IMHO) a pointless 
task.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floats

[Philip Taylor]

Crest Christopher wrote:


How come, with or without the pseudo-element of clearing float to the
left, it doesn't appear to make a difference ? Everything still floats
to the left, shouldn't some of the class=box be floating to the right,
especially the orange box ?

[Link http://jsfiddle.net/WildWind/0kmbr4cq/1/]


Question 1 :  which element has class after-box ?
Question 2 :  in which browser(s) is the orange box not rendered as 
floating right ?


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background-Image overrides background color

[Philip Taylor]

Tom Livingston wrote:

For someone at the OPs level, I'd not recommend a site with such a bad
reputation. He won't know if what he is reading is correct. While that site
may be improved as of late, why start learning at such a poorly regarded
source. There are much more reputable places to learn the basics.

Csstricks.com

Moz sites

Html5doctor


I would personally treat with the greatest suspicion any site claiming 
to offer guidance on W3C standards that does not itself validate :


http://validator.w3.org/check?uri=http://html5doctor.com/

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background-Image overrides background color

[Philip Taylor]

Tom Livingston wrote:


In a URL string like that, I personally would not look down on the dev for that.


We could debate this forever, Tom, and I suspect would never reach 
agreement.  My position (with which you may well disagree) is that I 
look on it as being similar to a developer who elects to use (say) the 
Qt library in his/her work and then, when challenged that something does 
not work as it should, responds It's a bug in Qt.  If a developer 
elects to use something from without his/her control, then it is his/her 
responsibility to ensure that it /does/ work as intended (i.e., in this 
case, validates).


A bad workman blames his tools; a good workman chooses the correct 
tools and therefore never needs to try to ascribe blame.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background-Image overrides background color

[Philip Taylor]

Tom Livingston wrote:


It appears that the errors are for things that are not yet part of the
spec the validator is based on. I would not call that bad code.


Schoolboy errors, which indicate (to my mind) the level of care (or lack 
thereof) that went into the preparation of the material :


Error Line 453, Column 88:  did not start a character reference. ( 
probably should have been escaped as amp;.)


…ancybar.net/ac/fancybar.js?zoneid=1502serve=C6ADVKEplacement=html5doctor 
id…


✉
Error Line 453, Column 102:  did not start a character reference. ( 
probably should have been escaped as amp;.)


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Inconsistencies

[Philip Taylor]

Tim Arnold wrote:


At a glance, I'd suggest the culprit is your Media Queries. You are using
mobile first (min-width) MQs. Since MQs are not supported by IE78 none of
the styles within them are being read.  If you need to support these
browsers, you'll have to either switch to max-width queries, or include
those styles (with no media queries) in conditional comments as well.


And *PLEASE*, fix the nine HTML errors at the same time.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] NOT centering text in the center!

[Philip Taylor]

Place the haiku in a DIV style=text-align: left;
centre the DIV.

Philip Taylor

FARAMINEUX wrote:


My goal is to write a haiku or a poem in the center on the page, but
I do not want the text to be centered but align left in the center of
the page. How can I achieve that? Do I have to use a centered column?
TIA

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] NOT centering text in the center!

[Philip Taylor]

Barney Carroll wrote:


You can use display inline-block, left 50% (relative to offset parent) and
transform translateX( -50% ) (relative to self) to achieve this effect with
variable width: http://jsbin.com/ruwada/1/edit?css,output


I am not averse to custom HTML elements, and have been known to use them 
myself for experimental purposes, but I am not convinced that it is a 
good idea to tacitly recommend their use to others without at the very 
least emphasising their non-conformant nature :


!DOCTYPE html
html
head
  meta charset=utf-8
  titleJS Bin/title
/head
body
  haiku
lend me your armsbr/
fast as thunderboltsbr/
for a pillow on my journey
  /haiku
/body

Error Line 8, Column 9: Element haiku not allowed as child of element 
body in this context. (Suppressing further errors from this subtree.)


  haiku

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Validation Error ?

[Philip Taylor]

URL ?

Crest Christopher wrote:


Hi, I need help with a CSS error

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

I don't seek to excuse such an error for one second, but there is an 
important difference between the two :  the Wordpress site is written

in XHTML 1.0 Transitional, a stable specification against which the
Validator can check pages accurately; the W3C site, on the other hand,
is written in HTML 5, a work in progress, and as both the draft
specification and the validator can (and do) change on a daily basis,
validation here is very much a moving target.  One error is indeed
inexcusable :


Error Line 9, Column 39: No space between attributes.
link rel=stylesheet type=text/cssmedia=handheld, only screen and (max-dev…


the others may well have been valid at some point in time.

Philip Taylor

Jon Reece wrote:


​Apparently, even the W3C have trouble keeping all of their pages
passing validation ;)

http://validator.w3.org/check?uri=http://www.w3.org/blog/dpub/2014/10/01/new-draft-for-the-requirements-for-latin-text-layout-and-pagination-published/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

Tim Arnold wrote:


Though this discussion is interesting (as it is every 6 months when it
comes back again) it isn't really on the topic of CSS. Any other
thoughts for Christopher about media queries?


Media queries are an attempt to pigeon-hole browser geometries into 
discrete sets.  As the number of such sets is finite but unbounded (and 
grows on a daily basis), effort would be far better expended on 
designing a framework that adjust itself to accommodate /any/ browser 
geometry without requiring arbitrary /a priori/ division of the universe 
of browser geometries into finite sets.  Discuss.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

Tom Livingston wrote:


Discuss. On webdesign-l. Or off list. As Tim said, this isn't CSS.


Nonsense.  Media queries are a part of the CSS infrastructure, and they 
were the subject of my message.  And their use (or abuse) certainly 
requires discussion here if Christopher is not to waste months of his 
life trying to pigeon-hole his designs into a finite number of disjoint 
sets only to find that the number of such sets has significantly 
increased by the time he gets to deploy his design.


Philip Taylor

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] validating CSS when?

[Philip Taylor]

Validating CSS :  When ? --

For me :

a) Whenever something does not behave as anticipated;
b) Before signing anything off as complete.

If it fails at either stage, then ensure that any deviations from the 
specification are (a) intentional, (b) essential, and (c) have no 
undesirable or unanticipated side-effects, as far as can be reasonably 
ascertained.


Exactly the same for HTML, except that there is also a choice of DTD,
so (a) HTML 4.01 Strict (preferred, used unless compliance would be 
impossible); (b) HTML 4.01 Transitional (if Strict compliance is 
impossible); and finally (c) HTML 5, but ONLY if new elements such as 
audio, video or canvas are required.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] validating CSS when?

[Philip Taylor]

Barney Carroll wrote:


That's an interesting approach. Any particular reason(s) not to use HTML5
at all times?


Yes, but this is not the place to discuss it/them !
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] OT: Don't miss a space

[Philip Taylor]

MiB wrote:



OMG, that was serious. So you’re implying that your tools PREVENTS
you from doing mistakes? So what are these tools then?


My brain and the W3C validator :  the only tools I need.


Maybe a more reasonable question to answer here would be how fast
such a user error can be fixed in a CMS when it is discovered.
That’s much more interesting than to pretend your own code is always
perfect.


I don't pretend.  I write valid code, period.


Are you certain there is never code errors in sites built with
popular CMS products out there.


Of course not.  That is one (of many) reasons why I eschew CMS.


Are you certain no site you’ve built contain even the slightest
error? If so, I must bow to your superior coding.


No site that I have ever built contains invalid code that I have 
written.  If a collaborator chooses to import a module that contains 
invalid code, that code may well make it into the site; this would be 
something over which I have no control.



Care to make this viewpoint interesting? I bet you $1000 I can fix
such a user error in Perch, which I don’t use, significantly faster
than you can in Drupal. I can find a third party, that you will
trust, that can set up such at test with timers. Are you a man or a
mice?


What leads you to believe that :

 Line 435, Column 7: Stray end tag div.

/divfooter role=contentinfo”

is the result of user error and not something innate to Perch ?  The 
real question is none of the above :  it is simply How much attention 
do the Perch developers pay to QA, and why was that particular error not 
picked up before the site went live ?.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] OT: Don't miss a space

[Philip Taylor]

Tim Marinin wrote:


Is there, in your opinion, real value from writing only valid code?


Yes.  Writing valid code is the only way of knowing that your material 
renders as you wish by design rather than by chance.



Browsers did great job at making web accept almost everything.


Whence the ubiquity of tag soup.


You can even don't write html, head and body tags, and all
browsers will render good.


Just as it is possible to express oneself in less than perfect English 
and still hope to be understood.   But the fact that browsers, and most 
human beings, are so forgiving is no reason not to /try/ to write 
formally correct HTML or to write grammatically correct English.



So, that's the point of spending time to fixing all errors from
validators? Besides „my-code-is-super-valid“ ego.


See response 1, above :  so that you can have confidence that your 
material renders as you wish by design rather than by chance.  If you 
write invalid code, it may render as you wish today, in the browser(s) 
in which you test it, on the platform(s) on which you test it, at the 
screen resolutions (etc) at which you test it.  And tomorrow, when the 
wind blows from a different direction, it may render completely 
differently.  If, however, you expend a little effort in ensuring that 
you write only /valid/ code, then if it renders today as you would wish, 
there is an /extremely/ high probability that it will continue to render 
correctly tomorrow, and the day after, and on other browsers/platforms, 
and at other resolutions (etc) ...


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

Karl DeSaulniers wrote:


Laughable maybe, invalid NO.


http://validator.w3.org/check?uri=https://.wordpress.com/

Very first site I tried.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

Tim Arnold wrote:


This is a fair example of this idea that I recently worked on:
http://www.workingamericahealthcare.org/ (Built in Drupal, Front End
work mine, design by others who know better).


Hmmm.  I followed the link, and it appeared in my browser window which 
occupied the right half of my screen (your message appears on the left);

all is visibly not very well ...


https://www.dropbox.com/s/8qfsk1qhoipekyw/Screenshot%202014-11-23%2010.28.53.png?dl=0

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

David Laakso wrote:


No issue seen this end Windows SeaMonkey/2.30.


Unless your browser  / geometry / font settings / font scaling /  screen 
resolution / a million other possibilities are identical to mine, David, 
you may not see the same artifacts.  My point was not that all viewers 
will see the artifacts that I did, but that others /might/, and 
therefore an investigation into what triggers that particular aberrant 
behaviour might be worthwhile.  I find it trivial to replicate by 
starting with my browser full-screen and then slowly narrowing it until 
the panels start to overlap.


** Phil.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Don't miss a space

[Philip Taylor]

MiB wrote:


I think that might be why Perch http://grabaperch.com/ was invented.


Assuming that Perch was used to generate its own landing page, it would 
not be for me :



 Line 435, Column 7: Stray end tag div.

/divfooter role=contentinfo


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Mobile Design Mockup Critique ?

[Philip Taylor]

'fraid not, Chris; as I have the ability to re-size on the fly in my 
server, I have never needed the ability to write client-side to 
accomplish the same.


Crest Christopher wrote:


Philip do you have any examples ?

Christopher

Philip Taylor mailto:p.tay...@rhul.ac.uk wrote :



Chris, how do you think analytic font outlines (TTF, OTF, WHY) get
rendered on your screen at arbitrary sizes ?  A font glyph is just a
small scalable image.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Mobile Design Mockup Critique ?

[Philip Taylor]

Crest Christopher wrote:


What is your experience with SVG images, good, bad ? Is is the only
format that will scale vector images beautifully.


You could consider canvas, if scripting is within your remit.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Mobile Design Mockup Critique ?

[Philip Taylor]

You /could/ allow your users to interact with a canvas element but you 
do not have to.


Philip Taylor

Crest Christopher wrote:

canvas isn't that for user interactivity on web pages ?

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Mobile Design Mockup Critique ?

[Philip Taylor]

Crest Christopher wrote:


You can write code to make a scalable image successfully ? I'd like to
see an example, news to me !


Chris, how do you think analytic font outlines (TTF, OTF, WHY) get 
rendered on your screen at arbitrary sizes ?  A font glyph is just a 
small scalable image.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Screens overload

[Philip Taylor]

Crest Christopher wrote:


Any other device not on this specific list I'm going to forget about,
this is quite a list as it stands. :)


Might it not be a more productive use of your time if you designed in 
such a way that your code will render appropriately at /any/ 
resolution/screen-size/W-H-Y rather than coding for a discrete set of 
sizes today and having to do a complete re-write tomorrow ?


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

Sorry, can't help Christopher.  No experience with PHP (or Apache, or 
anything vaguely Unix/Linux-oriented) at all.


Philip Taylor

Crest Christopher wrote:

Unfortunately I don't have support for IIS, if you know of a PHP
alternative I would be extremely grateful.

Thank you again Philip for the code and the help !

Christopher

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

Crest Christopher wrote:


Question is, how many resolutions, one, three,five... ?


Why not scale on-the-fly ? Visit :

http://photos.for-charity.org/

click on any album thumbnail, then any image thumbnail, and notice that 
the resulting URL is of the form :



http://photos.for-charity.org/Shew/?img=/Flowers/Flower%281%29.jpgheight=720

Replace the final 720 with any realistic value and you will be 
delivered a new image of exactly that height.  The watermarking is added 
dynamically at the same time.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

GJim wrote:


Are you certain that the watermarks are added dynamically?


Completely certain; it is my web site.


If so, I would like to see the code that accomplishes that feature.
It would solve some issues for me, and also for some others on
another discussion list.


I will send under separate cover.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

Hallo Karl --


Have you thought of pointer-events: none; and pointer-events: auto for your 
images?


The site is /very/ old, and has not been updated for some considerable 
time.  I am not familiar with pointer-events :  could you briefly 
explain what they accomplish and the effects of the two values none 
and auto ?



Noticed you have -webkit-user-select: none. That doesn't work for the mouse.
Thinking you already know this though. :)


I certainly did not add that myself (I do not use vendor prefixes) and I 
cannot see it when I view source or look at the style files; where did 
you see it, please ?


** Phil.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

Crest Christopher wrote:


What is faster for page request from the server, ASP.Net code or image
swapping ?  I found the ASP.Net code fast, then again my connection may
just be fluid, I can't assume all will be like this, unless the ASP.Net
code is effective. :-)


Bear in mind that that Asp.Net code is being run on a bog-standard home 
PC, several years old, and uploaded on a slow ADSL link that can manage 
barely 448kb uploads.  If you found it fast even bearing those facts in 
mind, think how fast it would be on a T1-connected real server.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

Crest Christopher wrote:


The only issue is the images hug the border of the browser, but that is
a style issue ;-)
How do you set this up using this Asp.Net code ?  I like it better then
image replacements as I don't notice the flicker when the image changes
size.


Well, your server needs to be running IIS (Microsoft Internet 
Information Server) and then you just drop the .aspx and .aspx.vb or 
.aspx.js files into the appropriate locations on the server.  I imagine 
that if your server does not run IIS then there may be alternative 
technologies such as PHP that can accomplish much the same thing, but I 
personally know nothing about such server-side technologies.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Responsive Images

[Philip Taylor]

Crest Christopher wrote:

 I've always wanted to add a watermark to images automatically when
 uploaded to the server for display on the page.  Can you customize the
 watermark ? 

Of course :  see the code fragment below.

 My only problem is I have to check if I can support IIS,
 which is faster IIS or PHP ?

Absolutely no idea, Christopher, but my code works only on IIS.

Philip Taylor

script language=C# runat=server

public bool ThumbnailCallback () {return false;}

public void Page_Load (object sender, EventArgs e)
{
int max = 30;
int min = 1;
string imageURL = Request.QueryString [img];
int imageMax = Convert.ToInt32 (Request.QueryString [max]);
int xOffset = 0, imageWidth = 0, imageHeight = 0;
imageURL =
D:\\Web\\Sites\\Org\\For-Charity\\Photos\\Resources\\Images\\Private\\
+ imageURL;
System.Drawing.Image fullSizeImg = null;
fullSizeImg = System.Drawing.Image.FromFile (imageURL);
int CurrentimgHeight = fullSizeImg.Height;
int CurrentimgWidth = fullSizeImg.Width;
if (CurrentimgHeight  CurrentimgWidth)
{
imageHeight = imageMax;
imageWidth = Convert.ToInt32 ( (1.0 * CurrentimgWidth) / (1.0 *
CurrentimgHeight) * imageHeight);
}
else
{
imageWidth = imageMax;
imageHeight = Convert.ToInt32 ( (1.0 * CurrentimgHeight) / (1.0 
*
CurrentimgWidth) * imageWidth);
};
Response.ContentType = image/jpeg;
System.Drawing.Image.GetThumbnailImageAbort dummyCallBack = null;
dummyCallBack = new System.Drawing.Image.GetThumbnailImageAbort
(ThumbnailCallback);
System.Drawing.Image thumbNailImg = null;
thumbNailImg = fullSizeImg.GetThumbnailImage (imageWidth, imageHeight,
dummyCallBack, IntPtr.Zero);
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage
(thumbNailImg);
SizeF StringSizeF = default (SizeF);
float DesiredWidth = 0;
Font wmFont = default (Font);
float RequiredFontSize = 0;
float Ratio = 0;
String strWatermark = Copyright  ©  2010;
String strWatermarkowner = Request.QueryString [wmo];
float xdelta = 0;
float ydelta = 0;
wmFont = new Font (Arial, 24, FontStyle.Bold);
DesiredWidth = Convert.ToInt32 (imageWidth * 0.85);
xOffset = Convert.ToInt32 ( (imageWidth - DesiredWidth) / 2);
StringSizeF = g.MeasureString (strWatermark, wmFont);
Ratio = StringSizeF.Width / wmFont.SizeInPoints;
RequiredFontSize = DesiredWidth / Ratio;
wmFont = new Font (Arial, RequiredFontSize, FontStyle.Bold);
xdelta = 0; // imageWidth / 25;
ydelta = imageWidth / 20;
g.InterpolationMode =
System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
g.DrawImage (fullSizeImg, 0, 0, imageWidth, imageHeight);
g.SmoothingMode = SmoothingMode.HighQuality;
SolidBrush letterBrush = new SolidBrush (Color.FromArgb (50, 255, 255,
255));
SolidBrush shadowBrush = new SolidBrush (Color.FromArgb (50, 0, 0, 0));
g.DrawString (strWatermark, wmFont, shadowBrush, Convert.ToSingle
(xOffset * 1.0) , Convert.ToSingle ( (imageHeight * 0.5) - 2.25 * ydelta));
g.DrawString (strWatermark, wmFont, letterBrush, Convert.ToSingle (
(xOffset + 3) * 1.0), Convert.ToSingle ( (imageHeight * 0.5) + 2 - 2.25
* ydelta));
wmFont = new Font (Arial, 24, FontStyle.Bold);
StringSizeF = g.MeasureString (strWatermarkowner, wmFont);
Ratio = StringSizeF.Width / wmFont.SizeInPoints;
RequiredFontSize = DesiredWidth / Ratio;
wmFont = new Font (Arial, RequiredFontSize, FontStyle.Bold);
g.DrawString (strWatermarkowner, wmFont, shadowBrush, Convert.ToSingle
(xOffset - xdelta), Convert.ToSingle ( (imageHeight * 0.5)  + 0.25 *
ydelta));
g.DrawString (strWatermarkowner, wmFont, letterBrush, Convert.ToSingle
(xOffset + 3 - xdelta), Convert.ToSingle ( (imageHeight * 0.5) + 2 +
0.25 * ydelta));
Matrix myMatrix = new Matrix ();
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

Karl DeSaulniers wrote:


By calculating what size your website is naturally without responsiveness?


100% of window width.  But since you cannot know what the window width 
is, you are no closer to being able to map from the number of px to a 
percentage, are you ?


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:


That’s not what I said. Try again.


You said you can translate from px sizing to percentages.
I pointed out that, in general, you cannot.  I am still waiting
for you to demonstrate how you can.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:


you can translate from px sizing to percentages
I’ll answer specific questions, not your erroneous assumptions.


Fine, here's a specific question :  How would you translate from 16px 
to a percentage ?


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:


Unfortunately I must do work now, but the (classic) basic context-aware formula 
is target ÷ context = result.


But when your context is 100% and your target is 16px (or any other 
number of px), what then ?


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:


What part of ”will explain it all” did you not like?


The part where you consistently avoid my question.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:

You clearly [...] want to waste my time and the readers of this email 

discussion list.

On the contrary, I want to challenge your assertion that you can 
translate from px sizing to percentages for all but the most trivial of 
cases.  If /everything/ was originally expressed in pixels, then of 
course you can translate from px sizing to percentages (a child of five 
would know how to do that), but if some elements of the original design 
were expressed in less tangible units (percent, ems, rems, etc), then it 
should be patently obvious to you that you can NOT translate from px 
sizing to percentages.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:


Consider context, not only when translating pixel-expressed designs, but also 
when reading this list.


Make context explicit as a part of your assertions, don't rely on others 
inferring it.  Study the pragmatics of discourse.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid System

[Philip Taylor]

MiB wrote:


That’s irrelevant as you can translate from px sizing to percentages.


How ?  How can you know (for example) what percentage of a full-width 
element 16px represents ?  Since you have no way of knowing the width of 
the browser window in pure CSS, you also have no way of knowing what 
percentage of that width an arbitrary number of px represent.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Sizing for different viewers/devices

[Philip Taylor]

Del Wegener wrote:


Will someone take a look at
http://www.drdelmath.com/study_aids/flash_cards_revisons/flash_card_presenter.html


Once Current Card and Flip Card wrap, the latter cannot be fully 
seen, nor can the text following.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid Columns and Frustrations

[Philip Taylor]

Christopher, compare how Vidya's site reacts when the window is narrowed
to less than 960px compared to how your site reacts.

Vidya, well done :  nice demonstration of how to accommodate
varying browser geometries while retaining the underlying
grid stucture.

Philip Taylor

admin wrote:


I am using grid layout and working on a website. work is in progress.
 Please check : http://gandhiashramsevagram.org/new-index.php

Regards Vidya Sagar P V


Philip Taylor wrote :


No, I mean exactly what I said :  what is your intended behaviour
if the page is displayed in a browser window that is narrower than
960px ?

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid Columns and Frustrations

[Philip Taylor]

Philip Taylor wrote:


Christopher, compare how Vidya's site reacts when the window is narrowed
to less than 960px compared to how your site reacts.


P.S.  Vidya, the topmost part of 
http://gandhiashramsevagram.org/images/my-message.gif is cropped.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Grid Columns and Frustrations

[Philip Taylor]

Crest Christopher wrote:


Did you use a frame work, and if so what frame work ?


Since it links to Foundation.css, possibly this one :

http://foundation.zurb.com/

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] links not working smartphone - tablet

[Philip Taylor]

Barney Carroll wrote:


Bootstrap's pragmatic approach deems validity not to be a concern:

https://github.com/twbs/bootstrap/issues/6398


I am afraid that mdo does not understand the concept of validity.
He (or she) writes :


All the CSS we use is valid, and while some lines are hacks (* for IE7, \9 for 
IE7-9, etc), it all renders as expected.


The first part of the assertion is demonstrably false (the CSS is 
patently invalid) and it all renders as expected has nothing to do 
with validity whatsoever.  It is a pragmatic value judgment made on the 
basis of tests using browsers known to, and available to, the author, as 
those browsers were at the time that the tests were conducted. It says 
nothing whatsoever about browsers with which he or she was unfamiliar, 
or were not available to him/'her, nothing about how it performs in the 
same browsers today (or will behave tomorrow) and even less about 
validity.  And as Edsger Dijkstra reminded us over 40 years ago : 
Testing can reveal only the presence of bugs, not their absence [1].


Philip Taylor

[1] Dijkstra (1970) Notes On Structured Programming (EWD249), Section 
3 (On The Reliability of Mechanisms), corollary at the end.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] links not working smartphone - tablet

[Philip Taylor]

Barney Carroll wrote:


This begs the question: how much should one expound on browsers that one
is unfamiliar with, in general?


One should not expound on them at all :  one should simply state Our 
HTML and CSS are W3C-compliant and W3C-validated, and, as far as we are 
aware, render correctly in all browsers that are themselves 
W3C-compliant.  If they do not render as you would wish in the browser 
of your choice, please draw this to our attention.  We take great pride 
in the material we produce, but if it renders correctly in browsers that 
are themselves W3C-compliant, we are unlikely to expend major effort in 
also making it render appropriately in less-compliant browsers -- you 
may do better to contact your browser vendor directly and ask them to 
investigate the rendering issues you have reported.


Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/