Retro CSS: Blasting The Past Away
- 0
- Add a Comment
Q: How much work is it to “retrofix” an existing HTML Web site with CSS? I inherited a 100-page site where two other people are also involved in link updating and they consistently use wrong fonts or sizes!
A: My best suggestion would be to try and use a multiple file, find and replace utility such as Advanced Find and Replace. Personally, I would start by linking my main CSS file to every
one of those 100 pages, because you may not be able to set the classes without actually going in to type the tag up <span class="whatever">, but you could with your CSS file(s) linked <link href="gnomie.css" rel="stylesheet" type="text/css">. To do this with Advanced Find and Replace, I would FIND my <head> tag and REPLACE it with my <head> tag plus my CSS link <link href="gnomie.css" rel="stylesheet"
type="text/css">.
Find:
<head>
Replace with:
<head>
<link href="gnomie.css" rel="stylesheet" type="text/css">
That cuts down on quite a bit of work for 100+ pages, and if these used similar text formatting attributes (hopefully) on a lot of the pages, then you can find and replace those, too.
Find:
<font face="verdana" size="2" color="blue">
Replace with:
<span class="BodyText">
Just some ideas to throw out there. Keep in mind, as well, that advanced find and replace can be used on any textual attribute that you may have in your pages - from code to plain text. Its versatility with regard to productivity is endless. [Jared Hudgins]
