It's All About Me

make them benefit

Archive for the ‘CSS’ Category

Cheat Sheets

without comments

Who doesn’t like cheat sheet! Today i found an excellent repository of list of cheat sheets. Just go there http://www.addedbytes.com/cheat-sheets/

Thanks Dave Child. I’m sure, you guys like it too.

Written by kodegeek

August 21, 2009 at 11:15 am

Rounded corner background image with text link

without comments

Today it was needed to make dynamic text links with rounded corner background. It is little tricky, first i tried to create it using div but div is a block elements so it needs fixed width. But it was a text link and dynamic, so width may vary, also background image is rounded corner. Then i tried it suing span, but span is not block element and doesn’t has height property, later i’ve applied inline-block property to that span and then height is applicable to span.

Read the rest of this entry »

Written by kodegeek

June 16, 2009 at 1:29 pm

Posted in CSS

Minimum height of a div container

without comments

You can set minimum height of a div container which is supported in most of the modern browser but the IE6 or older doesn’t support this feature. To make it working in IE6 you need a small hack in css, see the following styles of a div

.divid{
min-height:350px;
height:auto !important;
height:350px;
}

this div will now have a minimum height of 350px.

Written by kodegeek

June 16, 2009 at 6:15 am

Posted in CSS

Tagged with

Include/Embed stylesheet properly Expression Engine

without comments

It’s pretty easy to create stylesheet in expression engine from backend. But we need to take care about it when we create it or when we include it on our template.
Read the rest of this entry »

Written by kodegeek

June 13, 2009 at 1:03 pm

Posted in CSS, ExpressionEngine

Tagged with

reset css

without comments

Its very important to reset css styles for most html tags to define your customized css as styles vary to different browsers for different tags. Currently i use following reset css -
Read the rest of this entry »

Written by kodegeek

June 13, 2009 at 12:54 pm

Posted in CSS

Tagged with