-
Notifications
You must be signed in to change notification settings - Fork 13
/
articles.html
executable file
·219 lines (191 loc) · 8.57 KB
/
articles.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!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 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&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&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&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 <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 John (yours truly) <a href="http://everyones.com/webinar/bigjohn">teach 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 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>
<a href="https://github.com/DerOperator/PositionIsEverything/issues">Contact Us</a>
©positioniseverything.net<br />
Last updated: June 21, 2009<br />
Created July 3, 2004
</p>
</div>
<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>