Mostlikers Programming Blog, Related codeigniter jquery, php, mysql and more things
Showing posts with label css. Show all posts
Showing posts with label css. Show all posts

16 April, 2013

Div Split coding

1.This method Easy way Split Div basically Div split using only Grid but this coding simple method try this code.

<div style="width:700px; column-count:2;  -moz-column-count:2; -webkit-column-count:2;"> 
 
</div>
2.Not only that using table Split text , Paragraph , tables etc..   divide to column count  column-count:2;  using multiple 2,3 or 4 

Live Demo :


Before Form

Contact Person*

Company Name*

Email*

Address*

City*
Phone*



After Split the Column Div 


Contact Person*


Company Name*


Email*


Address*


City*

Phone*





09 January, 2013

Change Image on hover using CSS and Sprite Image

Changing an image on hover using CSS and sprite image is very simple and is done by just varying the background position. The trick behind doing this is you have to make the image as background of an element and mention height and width of that element according to background image that should show up when the image is not hovered and when the image is hovered show the rest part of the image by varying the backgroundpositions.
Change Image on hover using CSS and Sprite Image