Re: [css-d] Problem with menu bar
On Wed, 19 May 2010, David Laakso wrote: ... Verdana was ditched because it is pug ugly -- particularly at default or greater than default. That is not true. Many people like Verdana. They prefer it over other fonts because it is more legible. -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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] Problem with menu bar
Hi Chris, Verdana was ditched because it is pug ugly -- particularly at default or greater than default. That is not true. Many people like Verdana. They prefer it over other fonts because it is more legible. It may be more legible at *small size*, but as David said increase the size and it gets ugly. http://www.xs4all.nl/~sbpoley/webmatters/verdana.html http://www.zeldman.com/2010/04/18/verdana-pro-and-con-2/ A green version :) http://davidsimpson.me/2009/03/23/verdana-must-die-for-the-good-of-the-plane t/ -- 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] Equal Height Columns with CSS border-radius
Can it be done?
I've been playing around for a bit now. I've tried using the One True
Layout, but that cuts off the bottom, and would require some extra,
ugly markup, which we want to avoid.
I've tried display:table, but that forces me to have an extra thick
border between the two columns. If I set border-collapse:collapse,
then the border-radius goes away. I tried using a negative margin, but
that didn't work. Doing a border-left:none, makes part of the rounded
corner go away.
Here's the HTML and CSS for the section.
div id=info_blocks
div
h3Group #: 3322589/h3
spanMoo/span
/div
div
spanMoo/span
/div
/div
#info_blocks {
display:table;
margin:6px 0 0;
}
#info_blocks div {
border:1px solid #d8d8d8;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:table-cell;
padding:10px;
}
#info_blocks div:first-child {
background:#fff9e7;
margin:0 -10px 0 0;
width:533px;
}
#info_blocks div:last-child {
background:#fff8d0;
width:169px;
}
--
Marc Luzietti
absynthe minded web smithes
http://www.absynthe.us/
954.496.0162
__
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] Need help on handling h1 next to a floating div
The test page is: http://www.imag3.com/test/ Is there a way to stop the h1 from extending behind the div that is floating to the left? And, is it possible to have the yellow box dynamically center itself in the area to the right that is remaining after the left div takes up its space? Thanks for any help, Claude Needham __ 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] Need help on handling h1 next to a floating div
On Thu, May 20, 2010 at 8:54 PM, Thierry Koblentz
thierry.koble...@gmail.com wrote:
The test page is: http://www.imag3.com/test/
h1,.centerbox {overflow:hidden;zoom:1;}
You may want to read this article to find out why it works that way:
http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Thanks. That did the trick.
I was wandering around in the world of hasLayOut and didn't know about
the block issue. Thanks much for the link to the article.
Regards,
Claude
__
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] Need help on handling h1 next to a floating div
The test page is: http://www.imag3.com/test/
Is there a way to stop the h1 from extending behind the div that is
floating to the left?
And, is it possible to have the yellow box dynamically center itself
in the area to the right that is remaining after the left div takes up
its space?
h1,.centerbox {overflow:hidden;zoom:1;}
You may want to read this article to find out why it works that way:
http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/
--
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/
