CSS « Chomper Stomping

Posts Tagged ‘CSS’

TOTW: Firebug HTML > Layout

Monday, December 21st, 2009

This week’s tool of the week is another component of Firebug, the “Layout” tool.

What it does:

Allows you to edit html element box dimensions directly in the browser to get that perfect witdh/height/padding/margin/border combo you’re looking for.

When you need it:

Resolving float issues
Adjusting Padding/Margin
Prototyping Layouts

How to use it:

Screencast on screencast.com

The example:

Tags: CSS, development, Firefox, prototype, prototyping, Styles, TOTW
Posted in TOTW, Tools, prototyping, tutorial | No Comments »

Sprite Button Style Reset

Wednesday, November 11th, 2009

CSS Style to clear Input type button styles in order to use a CSS Sprite as the image for the button.

button{
text-indent: -999px;
overflow: hidden;
display: block;
line-height: 99;
border: none;
padding: 0;
}

This is for my own personal reference. Maybe someday I’ll make a full blown blog post on this… For now, I’ll update this as I need to because I’m sure I’m forgetting something…

Tags: background, button, button image, button sprite, clear styles, CSS, css button, CSS Sprite, image, image sprite, input, reset, reset styles, style, Styles
Posted in Uncategorized | No Comments »