Viewing By Category : CSS / Main
May 29, 2007

Moving On

As you can see, there's not much activity here anymore.

You can find more of Nat's wisdom at webapper.

Erik is now blogging at psykel.

Happy Trails, grumps

March 8, 2006

<TBODY> is handy

TBODY? I never used it before. I thought it was just something Dreamweaver put in HTML for some reason.

But the other day, TBODY came in handy. I used it to make a quick and dirty blowout user interface like this:

[+] Thing 1

The code is very simple - and I got to finally use TBODY:

[More]

December 16, 2005

Adding Line Breaks for Printed Media

CSS gives us a nice way to insert line breaks into HTML with page-break-before and page-break-after.

Here's a pretty self explanitory example below. Looks normal in the browser, but when you print the HTML, line breaks are there.

<html>
<head></head>
<body>
This is the first page
<br style="page-break-before:always;">
This is the second page
<br style="page-break-after:always;">
This is the last page
</body>
</html>

June 27, 2005

oswd

Have you checked out Open Source Web Design at oswd.org? It's rad. The only complaint I have is that too many of the designs are for bl0gs, not the kinda stuff we do.

It usually takes me a little over an hour to find a design suitable for my needs. So far I've ripped one for a personal site and I just finished ripping one for The Bug Jar.

June 23, 2005

TITLE is cool, part 2

David Huyck posted a comment about Javascript tool tips being a good alternative to the CSS/Title solution.

I've never used them before, but they proved to be quite handy. Here's a link to the one I decided to use in a project where I needed response time to be immediate.

Not as elegant as a CSS only solution, but it works, and you can modify the CSS to customize the appearance of the tips.

June 22, 2005

TITLE is cool

In IE, when you mouse over an image with an ALT parameter, you'll see that text pop up after a brief delay.

CSS lets you do something similar with just about anything - a table cell, span tag, link, etc. Here's a simple example:

[More]


CSS and you

I think this is as good a post as any to begin a blog category on CSS. If you haven't yet embraced CSS yet in full, you might want to read on.

About a year ago, I started a small project and decided to completely dive in to CSS, making all code output completely with DIV, SPAN and P tags. Though the temptation to use a table here and there was strong, I used CSS to control the layout. I'd of course used CSS before, but only for trivial things like link colors, font settings, element borders, etc.

If you're thinking of diving in, here's a few observations that might make your life easier:

[More]