Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: gh-pages
Fetching contributors…

Cannot retrieve contributors at this time

executable file 220 lines (191 sloc) 8.771 kb
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Articles about CSS by (Big) John Gallant, Holly Bergevin, and others</title>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<meta name="mssmarttagspreventparsing" content="true" />
<meta name="keywords" content="demo,test,big john,big,john,positioniseverything,css,html,what else do you want from me!?" />
<meta name="description" content=" A collection of CSS articles written by 'Big John' Gallant and Holly Bergevin. " />
<meta name="distribution" content="global" />
<meta name="resource-type" content="document" />
<meta name="robots" content="all" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="SHORTCUT ICON" href="favicon.ico" />
<link rel="stylesheet" href="css/bug-lists.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/init.js"></script>
</head>
<body>
<h1>
Articles Big John (and others) Wrote
</h1>
<ul>
<li>
<a title=" You too can do this. "
href="articles/dropshadows-gimp1.html"><span style="color: #f84; font-weight: bold;">New! </span>Making Drop Shadow Images for the PNG Drop Shadows Method</a>
</li>
<li>
<a title=" The NEW ultimate in drop shadow technology. "
href="articles/dropshadows2.html"><span style="color: #f84; font-weight: bold;">New! </span>Four Sided PNG Drop Shadows</a>
</li>
<li>
<a title=" A different way to control absolutely positioned elements. "
href="http://www.vision.to/margins-and-absolute-positioning.php">Margins and Absolute Positioning</a>
</li>
<li>
<a title=" A different way to control absolutely positioned elements. "
href="http://www.vision.to/auto-positioning-for-absolute-elements.php">Auto Positioning for Absolute Elements</a>
</li>
<li>
<a title=" A discussion of, well, flowing and positioning. "
href="http://www.vision.to/the-difference-between-the-flow-and-positioning.php">The difference between 'The Flow' and 'Positioning' for Web Pages</a>
</li>
<li>
<a title=" The ultimate in drop shadow technology. "
href="articles/dropshadows.html">PNG Drop Shadows</a>
</li>
<li>
<a title=" No more need for multiple CC's! "
href="articles/cc-plus.html">#IEroot</a>
</li>
<li>
<a title=" Let this tool make your layout for you! "
href="articles/pie-maker/pagemaker_2_9_home.html">ClevaTreva's New Improved<br />Piefecta Page Maker</a>
</li>
<li>
<a title=" Fix those old IE hacks before IE7 fixes you! "
href="articles/ie7-dehacker.html">CSS Hacks and IE7</a>
</li>
<li>
<a title=" A full bore study of a new columnar layout technique by Alex&nbsp;Robinson. "
href="articles/onetruelayout/index.html">In search of the One True Layout</a>
</li>
<li>
<a title=" A more flexible way to wrap content, courtesy of Mike Purvis. "
href="articles/jello.html">The Jello Mold Piefecta</a>
</li>
<li>
<a title=" How to rearrange source content for the screen. "
href="http://www.communitymx.com/abstract.cfm?cid=72426">The Theory of CSS<br />
Column Design: Source Order</a>
</li>
<li>
<a title=" Manfred Staudinger's excellent tricks make the IE Standalones much better! "
href="articles/multiIE.html">Taming Your Multiple IE Standalones<br />Manfred Staudinger</a>
</li>
<li>
<a title=" A punch list of common problems in CSS and HTML. "
href="http://www.communitymx.com/abstract.cfm?cid=A8E2DC392C467EEA">Common Coding Problems<br />
with HTML and CSS - Part One</a>
</li>
<li>
<a title=" More on common problems in CSS and HTML. "
href="http://www.communitymx.com/search.cfm?searchbox=Common+coding+problems&amp;searchbutton=Search">Common Coding Problems<br />
A search list of parts Two thru Six</a>
</li>
<li>
<a title=" What many web terms really mean. "
href="http://www.communitymx.com/search.cfm?searchbox=terminology&amp;searchbutton=Search">Webcoding Terminology<br />
A search list of parts One thru Three</a>
</li>
<li> <a title=" Want to bust that CSS file down to size? We wanna be your sledgehammer! "
href="http://www.communitymx.com/content/article.cfm?cid=90F55">Writing Efficient CSS</a>
</li>
<li> <a title=" The title says it all. "
href="http://www.communitymx.com/content/article.cfm?cid=C37E0">How To Attack An IE/Win Bug</a>
</li>
<li>
<a title=" A step-by-step explaination detailing the most complex and difficult part of CSS. "
href="http://www.communitymx.com/search.cfm?searchbox=Understanding+The+Cascade&amp;searchbutton=Search">Understanding The Cascade<br />
A search list of parts One and Two</a>
</li>
<li>
<a title=" This article attempts to explain the infamous "box model" issue in simple terms, and
supplies a clean method of addressing the problem via a CSS fix. "
href="http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41">The Box Model Problem</a>
</li>
<li>
<a title=" Can't figure out what's wrong?<br />There is a way... "
href="articles/mys-bug.html">Mystery Bug</a>
</li>
<li>
<a title=" The basics of standard floating. Does not include all the difficulties caused by IE "
href="http://www.communitymx.com/abstract.cfm?cid=AC008">Float: The Theory</a>
</li>
<li>
<a title=" Explains the badly flawed IE float model in detail "
href="http://www.communitymx.com/abstract.cfm?cid=47F29">Float: The Bugs (The IE float model)</a>
</li>
<li>
<a title=" Want to know about those mysterious "rendering modes"? Holly has the doctype details you need "
href="http://www.communitymx.com/content/article.cfm?cid=85FEE">Rendering Mode and Doctype Switching</a>
</li>
</ul>
<div class="textcol">
<div class="consultbox">
<h2>Are complex CSS issues making your programmers <em>crazy?</em></h2>
<p>I've provided advanced CSS consulting for
<a href="http://milo.com/">Milo&nbsp;<img src="images/MiloFavicon.png" alt="" /></a>
and many other big sites. <br />
<a href="design/index-2.html">Hire me to help you too.</a></p>
<h3><a href="http://everyones.com/webinar/bigjohn">Big John's CSS Webinars!</a></h3>
<p>Let Big&nbsp;John (yours&nbsp;truly) <a href="http://everyones.com/webinar/bigjohn">teach&nbsp;you</a>
about CSS in a setting where you can
actually <em>ask questions</em>. Will wonders never cease? Learn about the cascade
and its arcane mysteries, or dive into the cesspool of IE6 with Big&nbsp;John as your lifeguard.
</p>
<p>
Besides upcoming webinar dates, you can also download recorded versions
of <a href="http://everyones.com/webinar/bigjohn">previous webinars</a>
(some free, some for sale).
</p>
</div>
<p class="alignright">
<a href="index-2.html"><strong>Return to p.i.e.</strong></a>
</p>
<p>
<strong>These articles</strong> cover a varety of CSS topics and other related issues.
Some are written by Guest Authors, and others were written by John Gallant, Holly Bergevin, occasionally for
publication at
<a href="http://www.communitymx.com/"><strong>Communitymx.com</strong></a>.
The <strong>CMX</strong> partner agreement prevents us from publishing them
here, so those articles are linked from this page.
</p>
<p>
<strong>Community MX</strong> is a subscription site with a mix of free and for-pay articles, but
it is <em>not</em> necessary to subscribe in order to read all these articles.
</p>
<p>
That's right, <strong>CMX</strong> offers a
<a href="http://www.communitymx.com/joincmx.cfm"><strong>free 10 day trial</strong></a>,
during which time you may read all of the
<strong>CMX</strong> published articles without paying a cent, and no strings
attached. <em>But beware!</em> <strong>CMX</strong> has been known to be
extremely habit forming! It is entirely possible that you will find yourself
unable to live without <strong>CMX</strong>, once you see all it has to offer
a web developer. We're sneaky that way.
</p>
<p class="small alignright">
<a href="design/index.html"
title=" Big John's Advanced CSS Design "><strong>Big John Design</strong></a>
&nbsp;
<a href="https://github.com/DerOperator/PositionIsEverything/issues">Contact Us</a>
&copy;positioniseverything.net<br />
Last updated: June 21, 2009<br />
Created July 3, 2004
</p>
</div>
&nbsp;
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39235363-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.