How to Flex Grid 2 Columns using CSS
If you would like to flex grid 2 columns in CSS then you need three (3) divs. Step 1 – Set your HTML template Create… Read More »How to Flex Grid 2 Columns using CSS
CSS
How to Style an Element using Javascript
If you need to style an element using Javascript then you can use the style object to support all your CSS needs. If you need… Read More »How to Style an Element using Javascript
RBG Color Codes
Often you need to reference an HTML/CSS Color Code in RGB or Hex. This is known as rgb color codes. Below is an easy-to-use table… Read More »RBG Color Codes
How to disable text selection highlighting in CSS
If you would like to disable the text selection highlighting that is enabled by default on all browsers, then you can do this: If you… Read More »How to disable text selection highlighting in CSS
Font Awesome Brand Icons
Font Awesome is a fantastic CSS enhancement library that lets you show vector icons instead of having to use images yourself. Instead of worrying about… Read More »Font Awesome Brand Icons
Remove dotted outline around anchors
This has become quite a common question asked by many website owners. “How do I remove that dotted outline around an anchor?” Lucky for you… Read More »Remove dotted outline around anchors
CSS Background Default
If you would like to override an already attached class containing a background then you can use the following:
CSS background image data: base64?
What the heck is all that Gobbledygook in the CSS? So you have noticed that bit of css that says something like this in the… Read More »CSS background image data: base64?
Google Background Image
Google now allows you to add a background image to the google homepage to apparently make it more, like, home.. hmmmm Just by clicking the… Read More »Google Background Image
Double border in CSS
CSS allows you to add a border to almost all html elements. If you would like a double border you can use CSS like this:style=”border:double”
Simple HEX Colour Values
Actual Display Colour HEX Colour #000000 #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF #FF00FF #C0C0C0 #FFFFFF
Wordwrap that PRE!
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… Read More »Wordwrap that PRE!
Guillotine-Bug? Bug
Yes, it’s called a Guillotine-Bug and it’s yet another bug IE users get to look forward too 😛 So how does it work?Basically, the hasLayout… Read More »Guillotine-Bug? Bug
Need more than hover?
I had a hover effect on an html input element but also needed to have an active state.The css was like this for the inputs… Read More »Need more than hover?