CSS

Home /
Tags /
CSS

Fixed size left column and fluid right column both with 100% height in CSS

August 13, 2022

Css , HTML

If you need two (2) columns and want the left column to be a fixed size, but the right column to automatically take the remaining size of the window, then you can use the following solution.

How to Flex Grid 2 Columns using CSS

July 24, 2022

Css , HTML

If you would like to flex grid 2 columns in CSS then you need three (3) divs.

How to Style an Element using Javascript

July 15, 2022

Css , HTML , Javascript

If you need to style an element using Javascript then you can use the style object to support all your CSS needs.

RBG Color Codes

June 8, 2022

Css , HTML

Often you need to reference an HTML/CSS Color Code in RGB or Hex.

How to disable text selection highlighting in CSS

April 30, 2022

If you would like to disable the text selection highlighting that is enabled by default on all browsers, then you can do this:

Remove dotted outline around anchors

April 30, 2012

This has become quite a common question asked by many website owners.

CSS Background Default

September 15, 2011

If you would like to override an already attached class containing a background then you can use the following:

CSS background image data: base64?

September 9, 2010

What the heck is all that Gobbledygook in the CSS?

Google Background Image

June 9, 2010

Google now allows you to add a background image to the google homepage to apparently make it more, like, home.

Double border in CSS

March 30, 2010

CSS allows you to add a border to almost all html elements.

Simple HEX Colour Values

December 10, 2009

Actual Display Colour HEX Colour #000000 #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF #FF00FF #C0C0C0 #FFFFFF

Wordwrap that PRE!

November 23, 2009

Ever used a <PRE> in a limited width div container? You will notice that the line gets cut off almost as if word-wrap was not enabled.

Guillotine-Bug? Bug

October 20, 2009

Yes, it’s called a Guillotine-Bug and it’s yet another bug IE users get to look forward too 😛

cross browser alpha css

October 20, 2009

.thediv { opacity:.80; filter:alpha(opacity=80); -moz-opacity:.80; }

Need more than hover?

October 20, 2009

I had a hover effect on an html input element but also needed to have an active state.