Home
124 items | 62 visits
-
8 Premium One Line Css Tips | Css Globe
-
1. Vertical centering with line-height
line-height:24px;
When you have a container with fixed height you can use line-height property to vertically center the content.
Take a look at this demo.2. Prevent oversized content to break fixed width floated layouts
#main{
overflow:hidden;
}When oversized content (i.e. wide image) is placed in fixed width floated container, it may break the layout. To prevent that use this trick. It will hide a part of the content but at least your layout structure will remain intact.
I wrote an article about it a while back.3. Prevent line breaks in links
a{
white-space:nowrap;
}This little trick will prevent line breaks on your links. I recommend using this with long text to avoid having links break into 2 lines.
4. Always show Firefox scrollbar
html{
overflow:-moz-scrollbars-vertical;
}Firefox hides vertical scrollbar by default. So, when you browse a site that have different page heights you notice a horizontal shift. This code will always display a scrollbar and prevent shifting.
5. Centering block elements horizontally
margin:0 auto;
For all modern browser this line of css is enough to horizontally center a block level element.
6. Remove vertical textarea scrollbar in IE
textarea{
overflow:auto;
}Textareas in IE have vertical scrollbar visible by default. If you want those removed (I know I do) use this line.
7. Force page breaks when printing your document
h2{
page-break-before:always;
}With this line of code you can control places where you want your pages to break when printing a document.
8. Remove active link borders
a:active, a:focus{
outline:none;
}
-
-
WPZOOM ›› 45+ Free Premium WordPress Themes with Magazine or Grid Layouts
Colección de buenos diseños
-
PSD web basic layout
Starter Kit It's a PSD file we use for our designs, maybe you'll find it useful too!
-
MySpace.com - TANTTA - Big News Soon! - Vimercate, Milano - Metal / Thrash / Hardcore - www.myspace.com/tanttametal
MySpace music profile for TANTTA - Big News Soon! with tour dates, songs, videos, pictures, blogs, band information, downloads and more.
Buen theme -
1000+ Free High Resolution Photoshop Brush Sets
Hundreds of thousands of incredible Adobe Photoshop brush sets are all over the web. Due to this phenomenally vast amount of Photoshop brushes available, you can now add patches of dirt, rust, floral effect, swirls, mold, oil stains in your artworks and photos to give them an aged, damaged, dreamy or any look you want.
Without further ado, we present 1000+ high-Resolution Adobe Photoshop brush sets that will be perfect for any project you may happen to be working on.
List Comments
(0)
List Info
Sponsored Links
Ads by Google