[css-d] classes after each other

2011-12-21 Thread Gergely Buday
Hi,

what is the semantics of writing one class after the other, separated
by space in an html class attribute?

- Gergely
__
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] classes after each other

2011-12-21 Thread Joergen W. Lang

The following links might be of help.

The lists very own wiki:
 http://css-discuss.incutio.com/wiki/Multiple_Classes

An article discussing the usage of multiple classes (and related other 
things):

 http://css-tricks.com/multiple-class-id-selectors/

More info in the specs:
 http://www.w3.org/TR/html4/struct/global.html#h-7.5.2
 http://www.w3.org/TR/html5/elements.html#classes
 http://www.w3.org/TR/selectors/#class-html

Seasoned greetings,

Jørgen

Am 21.12.11 13:39, schrieb Gergely Buday:

Hi,

what is the semantics of writing one class after the other, separated
by space in an html class attribute?

- Gergely
__
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-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] STILL NEED HELP: @Font-Face Font Chopped OFF by Padding

2011-12-21 Thread Chetan Crasta
In the Name/Email inputs, the tops of the text Name and Email are cut
off (Firefox 4 / Ubuntu). I think the reason for this is for the computed
font size ( 25.13 px), the line height is 32px. However, only 17px space is
available. If you increase the height of the input element to 44px, and
move the background image (border image) vertically by 6px and remove the
bottom margin, everything will be OK.

.sof-email-form input {
-moz-box-sizing: border-box;
background: url(../images/email-form-input-bkg.png) no-repeat scroll
0 6px transparent;
color: #88;
display: block;
font-family: Little Days;
font-size: 1.571em;
font-weight: bold;
height: 44px;
margin: 0 auto;
padding: 9px 4px 3px;
width: 231px;
}

At least, it looked fine in Firefox 4 with Firebug. Let me know if it works.

Regards,
Chetan Crasta
__
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] amazing use of css..

2011-12-21 Thread Ghodmode
On Tue, Dec 20, 2011 at 3:02 AM, Elli Vizcaino elli...@yahoo.com wrote:
 On Mon, Dec 19, 2011 at 1:12 AM, Michael Beaudoin mich...@ba-doyn.comwrote:

 I thought this was amazing and wanted to share. Hope you all don't mind.

 http://www.ruawebdesign.com/**css3-at-at/http://www.ruawebdesign.com/css3-at-at/

 Michael


Cool!

 Thanks for sharing! Here's another one. This guy has created prominent logo 
 brands w pure CSS: http://www.ecsspert.com/play/css3-logos/
  Elli Vizcaino
 Helping artists, entrepreneurs and small
 businesses knock the socks off the competition!
 http://www.e7flux.com

Using Chrome (Chromium, actually :)) These are awesome.  Using Firefox
on the first linked page I get


I'm sorry! :(
But there's to much CSS3 awesomeness for your browser at the moment,
so you won't be able to view all the logos in one place.
But you can start browsing them one by one right now!


The second one (the At-At) looks almost (but not entirely) the same in
Firefox as it does in Chrome, but it slows FF down so much that even
other tabs are almost unusable.  No noticeable slow-down in Chrome.

It seems like Mozilla should have already had enough time to regain
their place as the superior browser, if they could, but it hasn't
happened.  For sites that incorporate HTML5/CSS3 or a lot of
JavaScript, Webkit has to be the target platform.

It's disappointing.  Firefox has a better plugin / extension architecture.

--
Ghodmode
http://www.ghodmode.com/blog
__
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/