Re: [css-d] Sizing bullets in IE6/IE7
Peter Coates wrote:
Why not use
ul {
list-style-image URL(bullet.gif);
}
I believe that is supported by IE.
Yes it is, but the placement (especially vertical) placement of the bullet
images varies by browser and there's nothing you can do about it. Moreover,
the images don't scale if text is resized.
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 ul with list-style-type: none), e.g.
div class=itemspan class=bullbull;/span list item text/div
with, say, .bull { font-size: 150%; vertical-align: -0.15ex;} in CSS. The
vertical alignment setting here is a coarse attempt at placing the center of
the bullet around baseline plus half of the x-height, i.e. vertically
aligned with respect to the middle of lowercase letters without ascenders or
descenders. (That's a complicated way of saying like normal list bullets.)
If list items can be longer than fits on one line, you have the additional
problem that the first line has larger height than other lines. But in a
menu-like list, that's not probable.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
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] Print Stylesheets: Two-column, newspaper/book style - How?
I 'edit' (for loose values of the word 'edit') a monthly PDF magazine. When a new issue is released, the articles from the previous issue become viewable on the magazine's website. Currently, I have separate screen and print stylesheets for the articles on the web; this is - to me - an old technique, and one that works well. Right now, the print stylesheet runs the content all the way across the page as a single column. What I'd like to do is have it run the content into two columns, such that - like the PDF magazine - you would read down the left column, then down the right column, and if the article overflows the page, the next page starts again on the left. Ideally, the columns on the last page would be equalized, but I'm perfectly willing to not try to do that at this time. I'm reluctant to do major hacking on the HTML; I'd prefer to stick to just using CSS to do this. Am I asking for too much at this point? If not, how do I do it? http://www.freelancetraveller.com/features/columns/t5i/eras.html is a typical article that I'd want to apply this to. You can see what the current web print layout looks like by simply doing a print preview in any of the major browsers. The two CSS files are http://www.freelancetraveller.com/screen.css and http://www.freelancetraveller.com/print.css. -- Jeff Zeitlin, Editor Freelance Traveller The Electronic Fan-Supported Traveller® Fanzine and Resource edi...@freelancetraveller.com http://www.freelancetraveller.com http://come.to/freelancetraveller http://freelancetraveller.downport.com/ ®Traveller is a registered trademark of Far Future Enterprises, 1977-2009. Use of the trademark in this notice and in the referenced materials is not intended to infringe or devalue the trademark. Freelance Traveller extends its thanks to the following enterprises for hosting services: CyberNET Web Hosting (http://www.cyberwebhosting.net) The Traveller Downport (http://www.downport.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] Print Stylesheets: Two-column, newspaper/book style - How?
Jeff Zeitlin wrote: I 'edit' (for loose values of the word 'edit') a monthly PDF magazine. When a new issue is released, the articles from the previous issue become viewable on the magazine's website. [snip] I'm reluctant to do major hacking on the HTML; I'd prefer to stick to just using CSS to do this. Am I asking for too much at this point? If not, how do I do it? This doesn't answer your question at all, but I think my question is nonetheless valid : is there any reason why back issues cannot appear on your web site stressas PDFs/, rather than as HTML ? Philip Taylor __ 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] Print Stylesheets: Two-column, newspaper/book style - How?
On Wednesday, June 16, 2010 7:26:19 am Jeff Zeitlin wrote: I 'edit' (for loose values of the word 'edit') a monthly PDF magazine. When a new issue is released, the articles from the previous issue become viewable on the magazine's website. Currently, I have separate screen and print stylesheets for the articles on the web; this is - to me - an old technique, and one that works well. Right now, the print stylesheet runs the content all the way across the page as a single column. What I'd like to do is have it run the content into two columns, such that - like the PDF magazine - you would read down the left column, then down the right column, and if the article overflows the page, the next page starts again on the left. Ideally, the columns on the last page would be equalized, but I'm perfectly willing to not try to do that at this time. I'm reluctant to do major hacking on the HTML; I'd prefer to stick to just using CSS to do this. Am I asking for too much at this point? If not, how do I do it? That depends. Are you willing to use CSS3 properties which are not supported in all browsers yet? If you are, then CSS can help you. Spec: http://www.w3.org/TR/css3-multicol/ and usage: http://www.css3.info/preview/multi-column-layout/ I haven't tried it in a print stylesheet, but I have used it on actual pages and it works reasonably well. ---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/
[css-d] CSS generated content and positioning
First time post, hope I'm doing it right. You asked and, just to let you know I tried the CSS generated content and positioning in IE8 and it worked OK. Thanks to you and all the others from whom I've learned a great deal. Frank __ 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] Print Stylesheets: Two-column, newspaper/book style - How?
On Wed, 16 Jun 2010 12:31:30 +0100, Philip Taylor (Webmaster, Ret'd) p.tay...@rhul.ac.uk wrote: Jeff Zeitlin wrote: I 'edit' (for loose values of the word 'edit') a monthly PDF magazine. When a new issue is released, the articles from the previous issue become viewable on the magazine's website. [snip] I'm reluctant to do major hacking on the HTML; I'd prefer to stick to just using CSS to do this. Am I asking for too much at this point? If not, how do I do it? This doesn't answer your question at all, but I think my question is nonetheless valid : is there any reason why back issues cannot appear on your web site stressas PDFs/, rather than as HTML ? Oh, they do - once a PDF issue becomes available for download, it remains available for download. However, the HTML articles are made available for people to refer to individually, and to print individually, if they need or want to - something that I feel is quite important for user convenience in a gaming support environment. -- Jeff Zeitlin, Editor Freelance Traveller The Electronic Fan-Supported Traveller® Fanzine and Resource edi...@freelancetraveller.com http://www.freelancetraveller.com http://come.to/freelancetraveller http://freelancetraveller.downport.com/ ®Traveller is a registered trademark of Far Future Enterprises, 1977-2009. Use of the trademark in this notice and in the referenced materials is not intended to infringe or devalue the trademark. Freelance Traveller extends its thanks to the following enterprises for hosting services: CyberNET Web Hosting (http://www.cyberwebhosting.net) The Traveller Downport (http://www.downport.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] Fonts
On Sat, Jun 12, 2010 at 9:50 PM, Philippe Wittenbergh e...@l-c-n.comwrote: On Jun 13, 2010, at 10:34 AM, David Laakso wrote: http://www.w3.org/TR/2002/WD-css3-webfonts-20020802/ Note that is a very old draft. The current draft is: http://www.w3.org/TR/css3-webfonts/ This is good. 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/
[css-d] styling a list
Thank you Russ and David for you help. Text align: center on the ul and display: inline on the li was the trick. I have to test in all the browsers but it seems to be working. Kris J __ 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] CSS generated content and positioning
Thanks! Bye :-) 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] CSS generated content and positioning
Gabriele Romanato wrote:
I did this just to see if there have been some changes in positioning
generated content...
http://onwebdev.blogspot.com/2010/06/css-generated-content-and-positioning.html
Gabriele Romanato
aside
My twisted-sister can't find the link to it, either.
She suggests :-) :
.entry p a {font-weight:bold; color: red;}/* any really gross color
should do*/
a
href=http://dev.css-zibaldone.com/demos/css-generated-content-positioning/test.html;You
can see the final result here/a
--
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] Fonts
On Wed, Jun 16, 2010 at 9:49 AM, Victor Subervi victorsube...@gmail.comwrote:
On Sat, Jun 12, 2010 at 9:50 PM, Philippe Wittenbergh e...@l-c-n.comwrote:
On Jun 13, 2010, at 10:34 AM, David Laakso wrote:
http://www.w3.org/TR/2002/WD-css3-webfonts-20020802/
Note that is a very old draft. The current draft is:
http://www.w3.org/TR/css3-webfonts/
Actually, this doc, while being good, doesn't have anything at all to do
with my question concerning pantose-1. stemv, stemh, etc. and I still don't
know how to manipulate them to see what they do:
!--
h3 { font-variant: small-caps }
em { font-style: oblique }
--
htmlhead
style type=text/css
.test {
font-size: xx-large;
font-style: normal;
font-variant: small-caps;
font-weight: 600;
line-height: normal;
font-family: Arial;
font-stretch: expanded;
stemv: .5em;
stemh: 1em;
slope: 40;
}
/style
/headbody
span class='test'Hello/span
/body/html
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/
Re: [css-d] Print Stylesheets: Two-column, newspaper/book style - How?
On Wed, 16 Jun 2010 07:36:05 -0400, Tim Climis tcli...@exchange.iu.edu wrote: On Wednesday, June 16, 2010 7:26:19 am Jeff Zeitlin wrote: I'm reluctant to do major hacking on the HTML; I'd prefer to stick to just using CSS to do this. Am I asking for too much at this point? If not, how do I do it? That depends. Are you willing to use CSS3 properties which are not supported in all browsers yet? If you are, then CSS can help you. Spec: http://www.w3.org/TR/css3-multicol/ and usage: http://www.css3.info/preview/multi-column-layout/ I haven't tried it in a print stylesheet, but I have used it on actual pages and it works reasonably well. I have no particular objection to using CSS3; the question then becomes how well these particular properties are supported. According to http://caniuse.com (When Can I Use...), neither Presto nor Trident support them at the present time, and it is unknown whether the next version of either will support it. With only Gecko and Webkit supporting it, I suspect that the overall support level (in terms of number of visitors) is going to be under - possibly well under - 50%, which I would find ... unsatisfactory. I'll experiment with this, though, and see how well it works in Gecko and Webkit. -- Jeff Zeitlin, Editor Freelance Traveller The Electronic Fan-Supported Traveller® Fanzine and Resource edi...@freelancetraveller.com http://www.freelancetraveller.com http://come.to/freelancetraveller http://freelancetraveller.downport.com/ ®Traveller is a registered trademark of Far Future Enterprises, 1977-2009. Use of the trademark in this notice and in the referenced materials is not intended to infringe or devalue the trademark. Freelance Traveller extends its thanks to the following enterprises for hosting services: CyberNET Web Hosting (http://www.cyberwebhosting.net) The Traveller Downport (http://www.downport.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
--- On Wed, 16/6/10, Jay Carlson jaycarl...@neb.rr.com wrote:
And yes, I'm not a fan of the bullets, but the client
insists. Ugh.
In that case why not adapt borders so that they look like bullets!. for
example this would look like bullets in most browsers:
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-left: 1em lime solid;
}
I have deliberately used a border of 1em to make them really big!
hth
__
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] Fonts
On Jun 17, 2010, at 3:13 AM, Victor Subervi wrote: Actually, this doc, while being good, doesn't have anything at all to do with my question concerning pantose-1. stemv, stemh, etc. and I still don't know how to manipulate them to see what they do: In current versions of CSS, you can't manipulate or control those. As I pointed out in my original answer [1], a future version of CSS fonts will have additional properties: http://dev.w3.org/csswg/css3-fonts/#font-rend-props Please note (as I said originally), this is the editors draft and subject to change at any moment. It is only a pointer to the current thinking. [1] http://archivist.incutio.com/viewlist/css-discuss/111473 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/
[css-d] Apache directory listing with CSS
I'd like to propose the following solution to the Apache Foundation. Do you think it's a good idea? http://onwebdev.blogspot.com/2010/06/apache-directory-listing-with-css.html HTH :-) 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] Apache directory listing with CSS
Hi Gabrielle,
I'd like to propose the following solution to the Apache Foundation.
Do you think it's a good idea?
http://onwebdev.blogspot.com/2010/06/apache-directory-listing-with-
css.html
I'd add caption, thead, and tbody [1]
And I would not use address [2] for this purpose
Then - to stay on topic ;-) - why not using CSS to plug icons rather than
styling the cells via classes?
For example:
a[href$='.pdf']:before {
content: url(pdf-icon.png);
}
a[href$='.mp3']:before {
content: url(mp3-icon.mp3);
}
etc.
[1] http://www.w3.org/TR/html401/struct/tables.html
[2] http://www.w3.org/TR/html401/struct/global.html#h-7.5.6
--
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/
