[css-d] Font-size affecting line-height?

2013-10-01 Thread Kyle Sessions
I've come across some really strange behavior when trying to mix multiple font-sizes within a single block element. I've built an example page here: http://kage23.com/line-height.html Basically, it seems like I'm getting an extra pixel of height and I can't track down how or why. In my example, t

Re: [css-d] Setting height relative to width

2013-02-11 Thread Kyle Sessions
On Mon, Feb 11, 2013 at 11:50 AM, Barney Carroll wrote: > Thierry wrote up an excellent technique for this that is incidentally very > useful when scaling embedded media. The linked article frames it in that > context, but the principles are the same: a padding property percentage > will take rela

Re: [css-d] Setting height relative to width

2013-02-11 Thread Kyle Sessions
On Mon, Feb 11, 2013 at 11:50 AM, Barney Carroll wrote: > Thierry wrote up an excellent technique for this that is incidentally very > useful when scaling embedded media. The linked article frames it in that > context, but the principles are the same: a padding property percentage > will take rela

[css-d] Setting height relative to width

2013-02-11 Thread Kyle Sessions
I've been doing some googling and not having great luck in solving this problem. I've got some old pixel-based layouts that I'm trying to "retrofit" to responsive layouts. I know all about the magic "target / context = result%" formula for figuring percentage-based widths, but what I can't figure o

Re: [css-d] Display: table and CSS3

2012-11-27 Thread Kyle Sessions
Thanks, Philippe! On Tue, Nov 27, 2012 at 4:15 PM, Philippe Wittenbergh wrote: > > Le 28 nov. 2012 à 08:17, Kyle Sessions a écrit : > > > I have a div in my project that I had styled with rounded corners > > (border-radius: 4px; border: 1px solid #aaa;). Then, later on, f

[css-d] Display: table and CSS3

2012-11-27 Thread Kyle Sessions
Hi everyone, I have a div in my project that I had styled with rounded corners (border-radius: 4px; border: 1px solid #aaa;). Then, later on, for layout/display purposes, I gave that div display: table-row-group;. (I've actually tried several table-related display options, with the same result.) B

Re: [css-d] Multi-column layouts without CSS3

2012-10-03 Thread Kyle Sessions
> > > > > -Fred Hahnel > > -Original Message- > From: css-d-boun...@lists.css-discuss.org [mailto: > css-d-boun...@lists.css-discuss.org] On Behalf Of Kyle Sessions > Sent: Tuesday, October 02, 2012 5:48 PM > To: css-d@lists.css-discuss.org > Subject:

[css-d] Multi-column layouts without CSS3

2012-10-02 Thread Kyle Sessions
Hi all, This _might_ be off-topic; I think it's kind of a grey area. So if the moderators want to shut this discussion down, I understand. I'm working on a project involving a series of s. They're each pretty narrow, so I wanted to display them in columns, so I used column-count and column-gap fr

Re: [css-d] Chrome not re-drawing when markup changes?

2012-08-20 Thread Kyle Sessions
On Fri, Aug 17, 2012 at 9:30 PM, David Hucklesby wrote: > On 8/17/12 6:25 PM, Kyle Sessions wrote: > >> Hi all, >> >> I was wondering if one of you might have some insight into this problem >> I'm >> experiencing. I'm using the Twitter Bootstrap CSS

[css-d] Chrome not re-drawing when markup changes?

2012-08-17 Thread Kyle Sessions
Hi all, I was wondering if one of you might have some insight into this problem I'm experiencing. I'm using the Twitter Bootstrap CSS and Javascript to toggle a list of items on my website. We display a few items in a list, and then have a "More" link to display the rest of the items. The showing/

Re: [css-d] Help with CSS3 transitions?

2012-07-23 Thread Kyle Sessions
On Mon, Jul 23, 2012 at 1:02 PM, David Hucklesby wrote: > On 7/23/12 11:25 AM, Kyle Sessions wrote: > >> On Fri, Jul 20, 2012 at 3:18 PM, David Hucklesby > >wrote: >> >> On 7/20/12 12:24 PM, Kyle Sessions wrote: >>> >>> Hi everyone, >>>

Re: [css-d] Help with CSS3 transitions?

2012-07-23 Thread Kyle Sessions
On Fri, Jul 20, 2012 at 3:18 PM, David Hucklesby wrote: > On 7/20/12 12:24 PM, Kyle Sessions wrote: > >> Hi everyone, >> >> I was hoping someone could give me a hand with the CSS3 transition >> property. I've set up a very simple test page here: >> >>

[css-d] Help with CSS3 transitions?

2012-07-20 Thread Kyle Sessions
Hi everyone, I was hoping someone could give me a hand with the CSS3 transition property. I've set up a very simple test page here: http://kage23.com/transition-test.html When you first load the page, you should see a with four visible items, and a "More" link. There's also another with a few

Re: [css-d] Vendor-prefixed CSS3

2012-07-11 Thread Kyle Sessions
On Wed, Jul 11, 2012 at 5:50 PM, Georg wrote: > On 12.07.2012 02:05, Kyle Sessions wrote: > >> My instinct would be to declare the non-vendor-prefixed one last, so >> > > if/when the browser supports that version of the declaration, it will > > overwrite the

[css-d] Vendor-prefixed CSS3

2012-07-11 Thread Kyle Sessions
When utilizing CSS3, I know it's generally best to make vendor-prefixed AND non-vendor-prefixed declarations, i.e., you should declare -moz-transform, -webkit-transform, -o-transform, and -ms-transform, along with just transform itself. Is there a suggested best practice for what order these declar

[css-d] CSS3 multi-column layout: columns of unequal width?

2012-07-01 Thread Kyle Sessions
Hi all, I'm looking into using the new CSS3 multi-column module for a layout on a site I'm working on, and I was wondering, is there a way to set unequal widths on columns generated with column-count? I have a that I'd like to display in two columns, but the items in the second half of the are a

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Kyle Sessions
On Tue, Jun 26, 2012 at 4:29 PM, Philip TAYLOR wrote: > W3C : "The :first-letter pseudo-element applies to block container > elements. > > The :first-letter pseudo-element can be used with all such elements that > contain text, or that have a descendant in the same flow that contains > text. A UA

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Kyle Sessions
st-letter, and it's working on my simple examples, but not on my "live" / "production" example. http://kage23.com/text-transform.html Any other ideas? > > > Kyle Sessions wrote: > > I'm trying to figure out if it's possible (via

[css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Kyle Sessions
Hi all, I'm trying to figure out if it's possible (via purely CSS) to take some UPPERCASE TEXT and display it as Title Case (i.e. The First Letter Of Every Word Capitalized), or, less ideally but better than all-caps, Sentence case (i.e. The first letter of the sentence/element capped, the rest lo

Re: [css-d] Wrapper DIV vs. BODY

2012-06-22 Thread Kyle Sessions
> > >> I'm taking the body element as the "viewport area" and the wrapper as > the > >> "content container area" > > > > > > That's how I usually interpret it. I might want my content to have an > > explicit width, but I'd like an unlimited-width repeating background > image. > > So gets the backg

Re: [css-d] Wrapper DIV vs. BODY

2012-06-22 Thread Kyle Sessions
On Thu, Jun 21, 2012 at 10:47 AM, mem wrote: > I'm taking the body element as the "viewport area" and the wrapper as the > "content container area" That's how I usually interpret it. I might want my content to have an explicit width, but I'd like an unlimited-width repeating background image. S

Re: [css-d] strange problem with float

2010-01-22 Thread Kyle Sessions
s.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Kyle Sessions The Berkeley Electronic Press 510/665-1200 x128 http://www.bepress.com bepress: 10 years of accelerating and enhancing the flow