[thelist] ntk's layout - nice use of <PRE>!

Joe Crawford joe at artlung.com
Sat, 04 Dec 1999 11:31:51 -0800


dwayne wrote:
> It's Friday. You're still at the office (which for some
> of you over the pond is getting might late). You need a
> giggle. If you haven't already found it, NTKnow delivers
> snide geek humour weekly. Seeing it's caustic wit show
> up in your mail will help you laugh at other people, and
> that's always fun.
> 
> http://www.ntk.net

This has got to be the nicest layout utilizing the pre tag I've seen
yet. Clean, simple - but it manages to be distinct. I like it.

I know noone asked for a layout review - but TOUGH! :-)

<TIP TYPE="BBEdit">
You can combine 3 great BBEdit Features:

You can format HTML very nicely with BBEdit

 Markup -> Utilities -> Format -> Gentle Hierarchical

Unfortunately, this adds space after images in many table situations.

So:
	<body><table><tr><td><img 1></td><td><img 2></td></tr></table></body>

becomes
<body>
<table>
	<tr>
		<td>
			<img 1>
		</td>
		<td>
			<img 2>
		</td>
	</tr>
</table>
</body>

WHICH is a really rad way to format html. HOWEVER - as you can see that
this adds a newline and space after the images - BAD for Mr. Netscape if
we want to have a seamless effect.

To fix this make a new grep pattern:

Command-F

 * In the find space put:
	\r\t*</TD>

 * In the replace space put:
	</TD>

 * Now click the down arrow \/ next to "Patterns" and do "Add this pattern"

 * I named mine "</TD> cleaner"

Now you know about the HTML Formatting Capability of BBEdit, and how to
get around the most common problem it can introduce. You also know how
to save Grep patterns.

</TIP>

	- Joe
 _________________________________________________________
 Joe Crawford { ArtLung } _________ mailto:joe@artlung.com
 Web Developer + Designer  ________ http://www.artlung.com
 Former Respiratory Therapist _____ San Diego  . CA .  USA
 San Diego Web Developer? Go to http://www.websandiego.org