Sep
24
Cut’n paste: Three column fluid layout
September 24, 2008 | Leave a Comment
Simply paste the html and css in two seperate notepad files and save as index.html and style.css
Three column fluid layout
HTML
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>3 column fluid layout by Dieter Schneider 2007 | www.csstemplateheaven.com</title>
<link rel=”stylesheet” type=”text/css” title=”My style” media=”screen” href=”style.css” />
</head>
<body>
<div id=”container”>
<div id=”header”>
<h1>This is h1, my main heading</h1>
<h2>This is h2, my [...]
Sep
18
Cut’n paste: Three column fixed layout
September 18, 2008 | Leave a Comment
Simply paste the html and css in two seperate notepad files and save as index.html and style.css
Three column fixed layout
HTML
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>3 column fixed layout by Dieter Schneider 2007 | www.csstemplateheaven.com</title>
<link rel=”stylesheet” type=”text/css” title=”My style” media=”screen” href=”style.css” />
</head>
<body>
<div id=”container”>
<div id=”header”>
<h1>This is h1, my main heading</h1>
<h2>This is h2, my [...]
Sep
18
Cut’n paste: Two column fixed layout
September 18, 2008 | Leave a Comment
Simply paste the html and css in two seperate notepad files and save as index.html and style.css
Two column fixed layout
HTML
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1″>
<title>3 column fixed layout by Dieter Schneider 2007 | www.csstemplateheaven.com</title>
<link rel=“stylesheet” type=“text/css” title=“My style” media=“screen” href=“style.css” />
</head>
<body>
<div id=“container”>
<div id=“header”>
<h1>This is h1, my main heading</h1>
<h2>This is h2, my [...]
Sep
17
Transparent images with CSS
September 17, 2008 | Leave a Comment
Did you know that you can create transparent images and divs very easy just by using CSS?
Here is how to do it:
<img src=”yourImage.jpg” width=”150″ height=”150″ alt=”image”
style=”opacity:0.4;filter:alpha(opacity=40)” />
In this example I used a image but you can also do it with divs and text.
Firefox uses “opacity” and IE uses “filter”. This is not a css standard [...]
Sep
10
Easy Jquery tutorial
September 10, 2008 | Leave a Comment
You have probably seen those nice fading boxes and sliding content on modern websites. You can make this kind of stuff your self quite easy with the javascript library Jquery. It looks very stylish and can improve the usability on your site.
The first thing you need is of course the Jquery library which you can [...]