Comments for stephband.info

Comment on Inputs and Labels – a dynamic tester by GARY

GARY — Thu, 15 Jul 2010 20:31:43 +0000

Pillspot.org. Canadian Health&Care.Special Internet Prices.Best quality drugs.No prescription online pharmacy. High quality pills. Buy drugs online…

Buy:Seroquel.Lipitor.Acomplia.Cozaar.Zocor.Nymphomax.Lasix.Ventolin.Female Pink Viagra.Lipothin.Advair.Buspar.Benicar.Prozac.Amoxicillin.Zetia.Female Cialis.Aricept.SleepWell.Wellbutrin SR….

Comment on Inputs and Labels – a dynamic tester by GARY

GARY — Sun, 04 Jul 2010 07:39:51 +0000

Pillspot.org. Canadian Health&Care.Best quality drugs.Special Internet Prices.No prescription online pharmacy. Low price drugs. Buy drugs online…

Buy:Viagra Super Force.Viagra Super Active+.Zithromax.Viagra Professional.Cialis Professional.Cialis Super Active+.Soma.Viagra.Super Active ED Pack.Cialis Soft Tabs.Cialis.Propecia.Maxaman.Tramadol.VPXL.Viagra Soft Tabs.Levitra….

Comment on Inputs and Labels – a dynamic tester by CHAD

CHAD — Sat, 26 Jun 2010 13:27:07 +0000

PillSpot.org. Canadian Health&Care.Special Internet Prices.No prescription online pharmacy.Pillspot.org. Vitamins@buy.online” rel=”nofollow”>.…

Categories: Antiviral.Skin Care.Vitamins/Herbal Supplements.Stop SmokingMens Health.Pain Relief.Mental HealthWomens Health.Antibiotics.Anxiety/Sleep Aid.Antidepressants.Blood Pressure/Heart.Anti-allergic/Asthma.Antidiabetic.Weight Loss.Stomach.Eye…

Comment on Inputs and Labels – a dynamic tester by stephband

stephband — Tue, 02 Feb 2010 00:45:57 +0000

A setting with content-box (all those above use border-box) model that works pretty well:

label, input -
height: 1em;
padding: 0.3327em 0;
display: inline-block;

label:
line-height: 1.064;

Comment on Inputs and Labels – a dynamic tester by stephband

stephband — Tue, 02 Feb 2010 00:21:31 +0000

Another reasonable compromise – god, this is a mug’s game – :

label, input –
height: 1.6em
padding-top: 0.2719em (not 10px, 13px, 15px, 16px WebKit) or 0.2493em (not 10px, 11px, 13px, 19px WebKit)

label – line-height: 1.077

Comment on Inputs and Labels – a dynamic tester by stephband

stephband — Mon, 01 Feb 2010 20:14:09 +0000

Works at all font sizes but 19px in FF, and all but 8px, 13px, 15px in Webkit:

label, input -
height: 2em
padding-top: 0.4992em (for Webkit)
padding-bottom: 0 (else clips text in FF)

label -
line-height: 1.077 (for FF)

Comment on Inputs and Labels – a dynamic tester by stephband

stephband — Mon, 01 Feb 2010 02:16:28 +0000

Maybe I’ve got another one…

label, input { padding: 0.5em 0 0; font-size: 1.2em; height: 2em; box-sizing: border-box; }

label { line-height: 1.04 }

input { line-height: 1.2 }

Comment on Inputs and Labels – a dynamic tester by stephband

stephband — Mon, 01 Feb 2010 02:06:57 +0000

I think I found a magic combo:

label, input { padding: 0.4em 0; font-size: 1em; height: 2em; box-sizing: border-box; }

label { line-height: 1.15; }
input { text-indent: -1px; line-height: 1.08; }

Doesn’t work at other font-sizes, though…