Archive for May, 2008


30

May

Center a table with CSS

POSTED May 30th, 2008 by Micah in Web Design | No Comments »

Generally, we don’t much like table-based layouts around these parts. As I like to put it, tables are for boring data, not beautiful design. Sometimes however, working to make a quick change to a site designed elsewhere can require a comprimise.

In this case, I’m referring to a table layout I inherited that I wanted to make centered in the browser window, and only by changing the CSS (and without adding a new id on every single page) Here’s how I did it:

First I tried the idealistic (proper) method, fingers crossed:

body > table {
	margin: 0 auto;
}

It worked… almost. It worked on the usual suspects – Safari 3, FireFox 2 Mac/PC, IE 7. But of course, IE 6 doesn’t recognize child selectors.

Next, I tried a less pretty but ultimately effective method that utilizes the C in CSS… “Cascading.” That’s right, it can be used to your advantage! For this method I made two definitions in my CSS:

First, I styled every table within the body tag:

body table {
margin: 0 auto;
}

Then, I reset the margins of any tables nested within the first table.

body table table {
	margin: 0;
}

And that worked on all mentioned browsers, and it’s pretty much just long hand for the child selector version I tried first. Outside of looking a little like myspace code, I can live with it. After all, we’re talking about a table layout! Dirty CSS is the least of its problems.

Tags: , ,

28

May

Locust Street Taxi site live!

POSTED May 28th, 2008 by James in General | No Comments »

I’m proud to announce that the design made and developed by Say This, Say That! for Locust Street Taxi, is now officially up and live!

http://www.locuststreettaxi.com

Locust Street Taxi is a Pacific Northwest band. They deliver an infectiously fun and energetic live show the likes of which no musicologist or behavioral scientist would dare to analyze!

The site is built on WordPress and gives them the ability to update the site dynamically, as well as blog about their band.  Hopefully their fans enjoy the new site and good luck to the band in the future!

12

May

Run Rhapsody On Your Mac With Fluid

POSTED May 12th, 2008 by Micah in Mac OS | 9 Comments »

Rhapsody and Mac haven’t always played nice. In fact, I think Real Networks doesn’t care much about Mac as a platform at all. Sure, these days Intel Mac owners can run Rhapsody natively with Parallels or Boot Camp, with all the bells and whistles. (downloads, offline listening, Rhapsody To Go, etc.) But I’ve been happy to just run it in my browser on my MacBook. Sometimes though, web apps can crash your browser unexpectedly, so that’s not ideal.

Just yesterday, I found a solution:

Fluid, A Mac Application

Fluid is a free Mac Application that you can use to build site specific web browser “applications.” I used it to create my own Rhapsody.app. I enjoyed it so much, I had to make my own icon for it too, which I’ll share here too. Here’s a screenshot of my Fluid built app:

**Edit: Now with Browsa! More on that in the comments.

Rhapsody on a Mac

And my icon in the dock:

Rhapsody Icon in the Dock.

If this appeals to you, give it a try:

  1. Download My Icon or make your own, if you feel like it. Gotta have one, or else you’re stuck with the favicon from rhapsody.com.
  2. Go Get Fluid, it’s great for your other favorite web apps too.
  3. Make your app and start listening. If you’re not already a Rhapsody web user, you’ll need to install a plugin, and if you’ve never used Rhapsody before you’ll need to create an account.

Tags: , ,