Archive for the ‘CSS’ Category
Cheat Sheets
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/
Rounded corner background image with text link
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.
Minimum height of a div container
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.
Include/Embed stylesheet properly Expression Engine
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 »
reset css
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 »
Macbook Pro 15
Nikon D90