Prevent Overlapping of li in ul with CSS

Glenn Glenn's Blog 0 Comments

If you are splitting your UL into a column format li in a similar way to the below:- [css] ul { width: 625px; max-width: 840px; min-height: 280px; list-style: none outside none; } li { float: left; position: relative; display: inline-block; width: 40%; padding: 0px; margin: 0px; } [/css] … what you might find is that if the li on either …

Rotate 90 Degrees CSS

Glenn Glenn's Blog 0 Comments

If you want to rotate an element by 90 Degrees (or indeed a different degree of your choosing) then apply the following class to the element/div:- [css] .rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } [/css] Here we should be covering all browsers. Rotate Using Less Less takes a lot of the hard …