[css-d] Centering the text of a legend with CSS
Hi all! I'm sorry for using an extra span here: http://onwebdev.blogspot.com/2010/06/centering-text-of-legend-element-with.html do you have a better solution, fixes, workarounds? please comment here or on the post. thanks! :-) 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] Centering the text of a legend with CSS
Hi Gabrielle, I'm sorry for using an extra span here: http://onwebdev.blogspot.com/2010/06/centering-text-of-legend-element- with.html do you have a better solution, fixes, workarounds? please comment here or on the post. thanks! This was my take on this issue: http://tjkdesign.com/articles/how_to_position_the_legend_element.asp -- 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/
[css-d] letter-spacing
Hi. letter-spacing seems to function in IE, but not in Safari, or Google
Chrome. Is this normal?
bhomis
p.general_text{
font-size: .8em;
font-family: arial;
color: #33;
letter-spacing:.5px;
line-height: 145%;
text-align:left;
}
P class=general_text text goes here. /P
__
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] letter-spacing
On Fri, Jun 18, 2010 at 11:17 AM, bho...@aol.com wrote: Hi. letter-spacing seems to function in IE, but not in Safari, or Google Chrome. Is this normal? letter-spacing:.5px; Since a pixel is, by definition, the smallest measurement possible on any given screen, how would a browser render a space less than one pixel? That's what you seem to be calling for with the rule: letter-spacing:.5px;. Assuming that s even valid CSS, different browsers would likely round either up to 1 pixel, or down to zero pixels. As far as I know, either would be right. Ed __ 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
From: Angela French Subject: [css-d] styling non-english fonts I am creating some foreign language pages. Cambodian/Khmer renders vastly different font sizes between browsers. Other than making style sheets for each browser to style all my page elements, is there some other way? I've found that different browsers choose fonts differently, causing the appearance of the page to vary widely. For example, my personal site asked for Serif font-family and displayed Chinese text. IE6 used a blocky sans font, IE 7 and 8 used a serif font, Firefox 2 used a serif font, and Firefox 3 used a mix of blocky sans and serif. 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. Mark __ 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
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. -Original Message- From: Mark Richards [mailto:mark.richa...@date.com] Sent: Friday, June 18, 2010 12:00 PM To: Angela French; css-d Subject: RE: [css-d] styling non-english fonts From: Angela French Subject: [css-d] styling non-english fonts I am creating some foreign language pages. Cambodian/Khmer renders vastly different font sizes between browsers. Other than making style sheets for each browser to style all my page elements, is there some other way? I've found that different browsers choose fonts differently, causing the appearance of the page to vary widely. For example, my personal site asked for Serif font-family and displayed Chinese text. IE6 used a blocky sans font, IE 7 and 8 used a serif font, Firefox 2 used a serif font, and Firefox 3 used a mix of blocky sans and serif. 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. Mark __ 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] letter-spacing
bho...@aol.com wrote:
Hi. letter-spacing seems to function in IE, but not in Safari, or Google
Chrome. Is this normal?
bhomis
p.general_text{
font-size: .8em;
font-family: arial;
color: #33;
letter-spacing:.5px;
line-height: 145%;
text-align:left;
}
P class=general_text text goes here. /P
_
Try:
html {
background : #fff;
color : #000;
font-size : 100%;
}/*to defeat IE em font-scaling bug*/
body {
font-size : 1em;
}
p.general_text {
font : 0.8em/1.4 'Helvetica Neue', Arial, sans-serif;
color : #333;
letter-spacing : -0.025em;
}
aside
Although this might be better, as it is not a good idea to set text 20%
small than user default, and an even worse idea to then play at
pretending you are a type-designer...
html {
font-size : 100%;
}
body {
font : 1em/1.4 'Helvtica Neue', Arial, sans-serif;
}
p.general_text {
color : #333;
}/*inherits user default font-size with no letter-spacing*/
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/
[css-d] IE6 padding
In IE6 I get padding around the black images: http://tinyurl.com/285yetp This is the padding I want to get rid of: http://tinyurl.com/286y94m It seems like the step1_content padding and margin are being ignored? How can I fix this and get rid of the padding? Thanks __ 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] IE6 padding
Without posting your outline CSS, basic html and/or a link to your site, you are not likely to get any help here. People have to see what you have done to get this padding. It could be the borders around the images or it could be your own design style and we can't provide solutions to hypothetical situations. We haven't got a clue what step1_content padding and margins are so you are likely to be on your own here. hth --- On Fri, 18/6/10, Ed Goodson e...@copywritecolombia.com wrote: In IE6 I get padding around the black images: http://tinyurl.com/285yetp This is the padding I want to get rid of: http://tinyurl.com/286y94m It seems like the step1_content padding and margin are being ignored? How can I fix this and get rid of the padding? Thanks __ 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] IE6 padding
In IE6 I get padding around the black images: http://tinyurl.com/285yetp This is the padding I want to get rid of: http://tinyurl.com/286y94m It seems like the step1_content padding and margin are being ignored? How can I fix this and get rid of the padding? Thanks Without posting your outline CSS, basic html and/or a link to your site, you are not likely to get any help here. People have to see what you have done to get this padding. It could be the borders around the images or it could be your own design style and we can't provide solutions to hypothetical situations. We haven't got a clue what step1_content padding and margins are so you are likely to be on your own here. The OP posted two links -- 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] IE6 padding
It seems like the step1_content padding and margin are being ignored? How can I fix this and get rid of the padding? Thanks I'm not sure what the fix is, but I'm finding it hard to make sense of the code because there is styling everywhere: at the top of the page, embedded in the HTML, and also in the external CSS file. If it were me, I would consolidate it in one place so I could see it easier. Russ __ 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
On Jun 19, 2010, at 4:00 AM, Mark Richards wrote: Cambodian/Khmer renders vastly different font sizes between browsers. That issue with Khmer came up in the past, although I can't seem to find it in the archives (bad search-fu !). One thing I know for sure is that khmer fonts have a very small aspect-ratio (x-height). It is possible that [a] if you don't specify a font-family, browsers use a different one and [b] some browsers (IE ?) may do sone additional trickery to size the text upwards. As you don't provide any url (hint: that is _always_ useful), I had a quick look at Wikipedia Khmer pages. At least on OS X, the font-size was consistent between WebKit and Gecko, and I didn't see any different code loaded for each browser. Maybe you can have a look at Wikipedia with browsers that exhibit the differences on your side, and see if Wikipedia serves different stylesheets ? Philippe --- Philippe Wittenbergh http://l-c-n.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
Hi, I would have thought the idea wold be to find out what fonts are installed in the language packs - install. Specify fots before choosing 'serif' e.g. arial helvetica, serif but using the names of the fonts in the system. How can you specify the language if it's a multi-lingual site? I have started playing around with Joomfish recently so I am very interested in all this stuff - especially because I live in Asia. TY, CB On 19/06/2010, at 3:02 AM, 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. -Original Message- From: Mark Richards [mailto:mark.richa...@date.com] Sent: Friday, June 18, 2010 12:00 PM To: Angela French; css-d Subject: RE: [css-d] styling non-english fonts From: Angela French Subject: [css-d] styling non-english fonts I am creating some foreign language pages. Cambodian/Khmer renders vastly different font sizes between browsers. Other than making style sheets for each browser to style all my page elements, is there some other way? I've found that different browsers choose fonts differently, causing the appearance of the page to vary widely. For example, my personal site asked for Serif font-family and displayed Chinese text. IE6 used a blocky sans font, IE 7 and 8 used a serif font, Firefox 2 used a serif font, and Firefox 3 used a mix of blocky sans and serif. 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. Mark __ 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] An image gallery with a definition list and CSS
Hi! 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? Screenshots are really appreciated. The main problem here is when you try to make more dt and dd elements appear on the same line, for example: dt dd dt dd dt dd dt dd here you have to make some nasty space calculations and rely on one of the 9 rules governing float behavior (that saying: when there's no more space available, put the float on the next line). Actually, floats inside the dl element are _contained_ but NOT cleared. Suggestions? Improvements? Let me know! :-) 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/
