Re: [css-d] Font treatment suggestion?

2010-06-19 Thread Peter Coates 
You might find something of interest here:
http://24ways.org/2005/swooshy-curly-quotes-without-images

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: June-19-10 8:27 PM
To: Brian M. Curran
Cc: css-d
Subject: Re: [css-d] Font treatment suggestion?

re:
http:www.draftingservices.com

Brian M. Curran wrote:
As usual, thank you gentlemen.

...

IMO it still lacks
something though? I'm thinking that adding a nice little image for the
quotation marks would be a start. That's what has always been appealing to
me when I see quotes on blogs. -- The cool quotation marks and indented
text.

-


The mission of this list is the practical application of CSS. If your 
/personal mission/ is to seek ideas, the Web, rather than this list, may 
be the place to start.

For example:
Blockquotes and pull quotes.


or, if you are into the more esoteric, explore the pages and past issues 
of sites like these...
Idea Magazine

Baseline


Best,
~d


-- 

http://chelseacreekstudio.com/

__
css-discuss [cs...@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-discuss [cs...@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] Styling an hCard with CSS

2010-06-19 Thread Gabriele Romanato 
Hi all!
An hCard is a microformat specification. I've played a little bit with  
it:

http://onwebdev.blogspot.com/2010/06/styling-hcard-with-css.html

Here we don't need a 100% support to IE6, simply because this browser  
(but also 7 and 8), doesn't support microformats. HTH :-)

Gabriele Romanato


http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








__
css-discuss [cs...@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 treatment suggestion?

2010-06-19 Thread David Laakso 
re:
http:www.draftingservices.com

Brian M. Curran wrote:
As usual, thank you gentlemen.

...

IMO it still lacks
something though? I'm thinking that adding a nice little image for the
quotation marks would be a start. That's what has always been appealing to
me when I see quotes on blogs. -- The cool quotation marks and indented
text.

-


The mission of this list is the practical application of CSS. If your 
/personal mission/ is to seek ideas, the Web, rather than this list, may 
be the place to start.

For example:
Blockquotes and pull quotes.


or, if you are into the more esoteric, explore the pages and past issues 
of sites like these...
Idea Magazine

Baseline


Best,
~d


-- 

http://chelseacreekstudio.com/

__
css-discuss [cs...@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 bullets in IE6/IE7

2010-06-19 Thread Thierry Koblentz 
> Jukka K. Korpela replied to Peter Coates:
> 
> > > Why not use
> > > ul {
> > > list-style-image URL(bullet.gif);
> > > }
> > >
> > > I believe that is supported by IE.
> 
> > The safest way to get bullets in larger size is to use bullet
> > characters and
> > font-size on them. In that case you would not use list markup at all
> (or,
> > less safely, would use  with list-style-type: none), e.g.
> >
> > • list item
> text
> 
> I can't believe I'm disagreeing with the estimable Yucca, but this is
> not
> the best advice. Firstly, using meaningless glyphs for presentational
> purposes is bad for accessibility, because they are read out by screen
> readers -- install the Fangs extension see what it would sound like.
> (For
> the same reason, don't use | characters for vertical dividers or >
> characters for arrows -- use CSS borders or background images.)

Back in the day most screen-readers did not read out character entities (at
least not out of the box - with default settings).
I'm not sure about the Fang extension, but FF extensions are not mainstream
SRs. For example, Fire Vox reads MathML which Jaws and Windows Eyes do not
[1] (this info may be dated though).

[1] http://www.accessibleculture.org/research/characterReferences/

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@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 bullets in IE6/IE7

2010-06-19 Thread Francois Jordaan 
Jukka K. Korpela replied to Peter Coates:

> > Why not use
> > ul {
> > list-style-image URL(bullet.gif);
> > }
> >
> > I believe that is supported by IE.

> The safest way to get bullets in larger size is to use bullet
> characters and
> font-size on them. In that case you would not use list markup at all (or,
> less safely, would use  with list-style-type: none), e.g.
>
> • list item text

I can't believe I'm disagreeing with the estimable Yucca, but this is not
the best advice. Firstly, using meaningless glyphs for presentational
purposes is bad for accessibility, because they are read out by screen
readers -- install the Fangs extension see what it would sound like. (For
the same reason, don't use | characters for vertical dividers or >
characters for arrows -- use CSS borders or background images.)

But more practically, most people nowadays implements custom bullets using
CSS background images and list-style-type: none. Background images are easy
to position reliably cross-browser. (Remember to turn list-style-type: disc
back on in your print stylesheet as the background image won't print.) Of
course, they won't resize with the text, but personally I don't find that a
problem.

One last tip:
> > list-style-image URL(bullet.gif);

It's safest to quote the URL using 'single quotes', because in my experience
if you don't, sometimes IE6 will not resolve the URL.

francois
http://www.isotoma.com

__
css-discuss [cs...@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] Sum total greater than 100%

2010-06-19 Thread Peter Bradley 
Ar 19/06/10 23:27, ysgrifennodd David Laakso :
>
> Hmm. I don't know why.
>
> 1/ When all the borders are removed the heights are still different in
> Mac Opera, Mac Safari, and the current WebKit nightly.
>
> 2/ When all the heights are converted to pixels, rather than percent,
> the heights are the /same/ in Mac Opera, Mac Safari, WebKit nightly,
> Camino, and Mac Firefox [see below].
>
>

Just a guess..., but rounding errors when calculating percentages??

Cheers


Peter

-- 
http://www.peredur.net

__
css-discuss [cs...@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] Sum total greater than 100%

2010-06-19 Thread David Laakso 
John Dick wrote:
> Why is right side longer than left side in this skeleton layout?  You can see 
> at the bottom of the webpage when this info is entered in a test document:
>
>
>   



Hmm. I don't know why.

1/ When all the borders are removed the heights are still different in 
Mac Opera, Mac Safari, and the current WebKit nightly.

2/ When all the heights are converted to pixels, rather than percent, 
the heights are the /same/ in Mac Opera, Mac Safari, WebKit nightly, 
Camino, and Mac Firefox [see below].

body {
margin: 0;
padding:0;
border: 0;
text-align: center;
}
#container {
width: 800px;
text-align: left;
margin: 10px auto 0 auto;
height: 565px;
}
#left {
float: left;
width: 25%;
height: 565px;
background: red;
   
}
#right {   
height: 565px;
float: inherit;
}
#Row1 {   
height: 86px;
background: green;
   
}
#Row2 {
height: 393px;
background: yellow;
  
}
#Row3 {
height: 86px;
background: blue;
  
}



-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] Help - image behaviour in Hybrid

2010-06-19 Thread Chris 
Hi Duncan,
Thanks for the info.

Here is a clearer description of what I'm trying to do.
I'm wanting a header image to expand it's width as the browser window  
expands from 800 pixels to 1024 or from a 4 X 3 monitor to a 16 x 9  
monitor.
So in a smaller browser window, the right side of the image would  
become cropped, but become visible as the browser window expands.
Is there a way of doing this by placing the image in the container  
background field and using css to achieve this.

Also have this work in both EI and Firefox/Safari browsers with out  
to many hacks.

Thanks

Chris




On 19-Jun-10, at 9:40 AM, Duncan Hill wrote:

> On Sat, 19 Jun 2010 16:39:39 +0100, Chris  wrote:
>
>> In Dreamweaver CS4, hybrid template, is it possible to have your
>> overall page width at 80%
>> and have an image in the header that reveals itself as the browser
>> window expands in width.
>>
>> How does DW deal with images that are wider than the container and as
>> the browser window expands will it reveal more of the image.
>>
>> Thanks
>>
>> Chris
>
> In the right circumstances,overflow: hidden; on the image
> container will do what you want,
> how you create those circumstances in DreamWeaver is beyond both me  
> and
> the focus of this list. A DW forum might provide better information.
>
> Duncan
> __
> css-discuss [cs...@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-discuss [cs...@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] Sum total greater than 100%

2010-06-19 Thread Peter Bradley 
Ar 19/06/10 22:10, ysgrifennodd John Dick :
> Why is right side longer than left side in this skeleton layout?  You can see 
> at the bottom of the webpage when this info is entered in a test document:
>
>
>

The height property does not include padding, borders, or margins (see 
w3schools)

HTH

Cheers


Peter

-- 
http://www.peredur.net

__
css-discuss [cs...@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] Sum total greater than 100%

2010-06-19 Thread John Dick 

Why is right side longer than left side in this skeleton layout?  You can see 
at the bottom of the webpage when this info is entered in a test document:



Left Nav Bar

Header bar
Content
Footer




CSS is here:


body {
margin: 0;
padding:0;
border: 0;
text-align: center;
}
#container {
width: 800px;
text-align: left;
margin: 0 auto;
height: 565px;
}
#left {
float: left;
width: 25%;
height: 100%;
background: red;
border: 2px black dotted;
}
#right {
height: 100%;
border: 2px black dotted;
float: inherit;
}
#Row1 {
height: 15%;
background: green;
border: 2px black dotted;
}
#Row2 {
height: 70%;
background: yellow;
border: 2px black dotted;
}
#Row3 {
height: 15%;
background: blue;
border: 2px black dotted;
}



Thanks for any any advise on this.

  
_
http://clk.atdmt.com/UKM/go/19780/direct/01/
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
__
css-discuss [cs...@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] Newbie Building Boxes

2010-06-19 Thread Claude Needham 
> This is relatively easy to do /tableless/. Construct a CSS box with a
> dark-blue background-color. Nest a light-blue CSS rounded-corner box
> inside it. This is one of a zillion ways it might be done:
> 
> Best,
> ~d

Thanks for posting this solution for rounded corners.
I have seen several other solutions, but somehow missed this one.
Many of the other solutions had nested divs inside divs inside divs,
or tables that made my head spin. This one is as promised: round,
simple, and easy.

Because it relies upon absolute positioning it seems like it would
tend to be very cross browser compatible. (maybe change png to gif to
avoid that issue.)

Regards,
Claude Needham
galaxywebsitedesign.com
__
css-discuss [cs...@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] Newbie Building Boxes

2010-06-19 Thread Victor Subervi 
On Sat, Jun 19, 2010 at 12:32 PM, David Laakso  wrote:

> If the rounded corners, and cross-browser compatibility, are client
> requirements-- positioning background images using CSS is probably your best
> bet [for now,  at least].
> This is relatively easy to do /tableless/. Construct a CSS box with a
> dark-blue background-color. Nest a light-blue CSS rounded-corner box inside
> it. This is one of a zillion ways it might be done:
> 
>

Thanks!
V
__
css-discuss [cs...@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] Newbie Building Boxes

2010-06-19 Thread David Laakso 
Victor Subervi wrote:
> Hi;
> I'm new to CSS2. I'm trying to build a box of a specific size in which I
> can:
>
> It looks like the lower left box with the Lorem Ipsum text here:
> http://creative.vi/clients/crucian-edu-template.jpg
>
> Victor
>   







If the rounded corners, and cross-browser compatibility, are client 
requirements-- positioning background images using CSS is probably your 
best bet [for now,  at least].
This is relatively easy to do /tableless/. Construct a CSS box with a 
dark-blue background-color. Nest a light-blue CSS rounded-corner box 
inside it. This is one of a zillion ways it might be done:


Best,
~d

-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@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 treatment suggestion?

2010-06-19 Thread Brian M. Curran 
>> Tim Climis wrote:
>>

 www.draftingservices.com


 Brian

>>> blockquote {color : fuchsia; }
>>>
>>> ~d
>>>
>>
>> just for kicks, I ran that through Chrome to see how bad a page of 
>> magenta
>> text would look
>> ---Tim
>>
>>


> David Laakso wrote:
>
>
> No question about. This would be *much* better:
>
> blockquote {color : lime; background: fuchsia;}
>
> ~d


As usual, thank you gentlemen.

I got rid of the s, added the  tags, tried the  tag but 
it didn't work, and also gave the color scheme a whirl but it was too 
radical for me. I'm happier than I was, because the code is cleaned-up and 
the page seems more readable with the quote indents. IMO it still lacks 
something though? I'm thinking that adding a nice little image for the 
quotation marks would be a start. That's what has always been appealing to 
me when I see quotes on blogs. -- The cool quotation marks and indented 
text.

Thanks again for making my site better!

Sincerely,
Brian 

__
css-discuss [cs...@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] Help - image behaviour in Hybrid

2010-06-19 Thread Duncan Hill 
On Sat, 19 Jun 2010 16:39:39 +0100, Chris  wrote:

> In Dreamweaver CS4, hybrid template, is it possible to have your
> overall page width at 80%
> and have an image in the header that reveals itself as the browser
> window expands in width.
>
> How does DW deal with images that are wider than the container and as
> the browser window expands will it reveal more of the image.
>
> Thanks
>
> Chris

In the right circumstances,overflow: hidden; on the image  
container will do what you want,
how you create those circumstances in DreamWeaver is beyond both me and  
the focus of this list. A DW forum might provide better information.

Duncan
__
css-discuss [cs...@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] Newbie Building Boxes

2010-06-19 Thread Victor Subervi 
Hi;
I'm new to CSS2. I'm trying to build a box of a specific size in which I
can:
1) Have a border color
2) Have rounded corners on the inside edge of that border
3) Have a background color within the inside edge
4) Place text that could scroll and must wrap within the inside border and
asthetically padded
It looks like the lower left box with the Lorem Ipsum text here:
http://creative.vi/clients/crucian-edu-template.jpg
I presume I should build a table. It seems that until CSS3 is adopted by the
major browsers I will have to use images for the rounded corners. Should I
nest one table within another to get the background colors I want? Please
advise.
TIA,
Victor
__
css-discuss [cs...@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] Help - image behaviour in Hybrid

2010-06-19 Thread Chris 
In Dreamweaver CS4, hybrid template, is it possible to have your  
overall page width at 80%
and have an image in the header that reveals itself as the browser  
window expands in width.

How does DW deal with images that are wider than the container and as  
the browser window expands will it reveal more of the image.

Thanks

Chris
__
css-discuss [cs...@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 treatment suggestion?

2010-06-19 Thread David Laakso 
Tim Climis wrote:
>
>>>
>>> www.draftingservices.com
>>>
>>>
>>> Brian
>>>   
>> blockquote {color : fuchsia; }
>>
>> ~d
>> 
>
> just for kicks, I ran that through Chrome to see how bad a page of magenta 
> text would look
> ---Tim
>
>   



No question about. This would be *much* better:

blockquote {color : lime; background: fuchsia;}

~d

-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] An image gallery with a definition list and CSS

2010-06-19 Thread Thierry Koblentz 
Hi Gabriele,

> If I recall correctly, this is a smart technique proposed by Ingo Chao
> on his website (http://www.satzansatz.de/css.html). It actually adds
> more semantics to the styling of an image gallery.
> 
> http://onwebdev.blogspot.com/2010/06/image-gallery-with-definition-
> list-and.html
> 
> I didn't test it in IE. Could you please write some comments?

I believe the proper construct would be to use clear:both instead of
clear:left since you're floating the DDs to the right. 
Note that such styling does not work in IE as IE does create clearance for
the DTs, but let the DDs stacks as if they were not floated and the images
were in one floated column.


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz


 

__
css-discuss [cs...@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 treatment suggestion?

2010-06-19 Thread Tim Climis 
On Saturday, June 19, 2010 11:01:37 am David Laakso wrote:
> Brian M. Curran wrote:
> > Hiya,
> > Can anyone suggest a CSS font treatment to my home page quotes, that
> > would jazz them up and make them more appealing?
> > 
> > www.draftingservices.com
> > 
> > Sincerely,
> > Brian
> 
> blockquote {color : fuchsia; }
> 
> ~d

just for kicks, I ran that through Chrome to see how bad a page of magenta 
text would look, and discovered that none of the quotes are marked up with 
blockquote.  They're all just standard paragraphs.  I would recommend starting 
by marking them up properly, with  and  as appropriate.

That'll make them much easier to select for styling.

As an aside, what on earth are all those  tags after your paragraphs for?  
I'd leave them out, and use margins on the paragraphs to create the same 
effect.

As far as styling quotes, I don't know that I would.  They make up so much of 
the content of the page that if they had a different style from the rest of it, 
it would either be too much, or make the rest of the page look out of place.

---Tim
__
css-discuss [cs...@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 treatment suggestion?

2010-06-19 Thread David Laakso 
Brian M. Curran wrote:
> Hiya,
> Can anyone suggest a CSS font treatment to my home page quotes, that would 
> jazz them up and make them more appealing?
>
> www.draftingservices.com
>
> Sincerely,
> Brian
>   





blockquote {color : fuchsia; }

~d

-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] Font treatment suggestion?

2010-06-19 Thread Brian M. Curran 
Hiya,
Can anyone suggest a CSS font treatment to my home page quotes, that would jazz 
them up and make them more appealing?

www.draftingservices.com

Sincerely,
Brian
__
css-discuss [cs...@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 non-english fonts

2010-06-19 Thread Andrew Cunningham 
On 19 June 2010 05:00, Mark Richards  wrote:
>
> The solution for Firefox, in my case, was to apply a lang attribute to
> the elements in question, thus instructing Firefox to choose Chinese
> fonts for all the characters instead of trying to use Japanese fonts for
> some and Chinese fonts for others.  Once I had the page looking ok in
> first-class browsers (IE6 still broke) I left it at that, but you will
> probably want to specify some fonts and font-sizes in addition to the
> lang attribute.

For CJK text, language markup should always be added.

Personally i always thing fonts should be specified. If your main
audience is in-country, you should use fonts available on localised
versions of windows, and only use the fonts on English windows as a
last resort fallback when specifying fonts.

-- 
Andrew Cunningham
Senior Project Manager, Research and Development
Vicnet
State Library of Victoria
Australia

andr...@vicnet.net.au
lang.supp...@gmail.com
__
css-discuss [cs...@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 non-english fonts

2010-06-19 Thread Andrew Cunningham 
On 19 June 2010 05:02, Angela French  wrote:
> Well, I'm on my 7th out of 11 languages today, and only Khmer proved to be 
> trouble so far.    And yes I am adding the xml:lang attribute to the content 
> div . And I specify UTF-8 in the meta tag.
>
if you are using xml:lang i'm assuming you're serving it up as xml and
no serving it up as html.

As to size issues it is hard to comment with out knowing which
operating system, which browsers (and versions) you are using and
which Khmer fonts you have installed on your computer.

The default windows Khmer fonts tend to have a very small x-height in
comparison to other Khmer fonts, this tends to result in comparatively
small text. My understanding is the small x-height in these fonts is a
design feature. The fonts need to doubt as UI fonts in Windows.

The font-size-adjust is the best way of handling this situation.
Unfortunately very few browsers support it.

The best approach to to work out what audience would be accessing your
Khmer content, and then look at major khmer language sites they'd use
to identify fonts commonly used for Khmer web content.

Maybe some of the KhmerOS fonts.

It is best to specify fonts. Relying on font fall back mechanisms is a
bad idea. Font fall back for some scripts is broken in certain
browsers. Other browsers provide no way for end users to control
default scripts.


-- 
Andrew Cunningham
Senior Project Manager, Research and Development
Vicnet
State Library of Victoria
Australia

andr...@vicnet.net.au
lang.supp...@gmail.com
__
css-discuss [cs...@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] web page help

2010-06-19 Thread David Laakso 
TriState Advantage, Kris Jacobson wrote:
> It looks OK in FF but I have some issues in IE6 & 8 and I need to have it 
> supported in IE.
>
> In IE there is a white border on both sides of the header. 
>
> I also have a problem with the footer.
> Any suggestions for improving my CSS would be welcome as I think I might have 
> a case of div-itious but for the most part it seems to work.
>
> http://www.tristateadvantage.com/woolynpurses/index.html
> http://www.tristateadvantage.com/woolynpurses/woolynstyles.css
>
> Kris J
>
>   



Kris,

Since no one else has replied, I will take a pass at it. I am a little 
reluctant to do so because of a technical issue  on this end [techno 
moron hereabout] -- this issue has nothing to do with your page.  It 
simply prevents me from viewing any page, in any version of IE, at the 
moment. on a Mac or PC. With that in mind, report unresolved or 
continuing problems in IE to the list.

Extensive revision of the CSS and markup. And more might be done with or 
to it...
Cursory checked in Camino, Safari, WebKit, Opera, and Safari. As 
mentioned above /not/ checked in any version of IE.
Please see:

markup

css


HTH.

Best, and good luck...
~d



-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@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/