Need Inspiration

Get Started
1

Hey guys,

The website I’m working on focuses on a table of data and I’m having a real hard time getting it to look good since. Are there any examples of other websites that are mostly just a page that has a large table of data on it that looks good?

Thanks

2

Hmm, for some reason I thought I said this already, but I obviously didn’t so…

Okay, well, it’s a table, so there really isn’t too much you can do to make it fancy and pretty (that I can think of off the top of my head anyways). You could add a background to the whole table; add photos of these people; not list it as a table? (or at least not one that obvious) - maybe give each of them like 50% of the page (or something like that) and in the box give some info (other than what’s listed, obviously, something interesting/personal like, “Likes to relax on his deck with his blood hound Sam and watch the birds that live in the trees around the creek.”)

That’s all I can really think of to make it interesting - not making it an obvious table (which I think of as a chart - which is what you have there), and adding photos.

3

Hi I have some beautiful & creative ways of featuring tables on your web design but as I am a newbie here at this forum and cannot post links right now…so for you I have added the links in updates of my facebook fan page - “Creative web design studio”.

Hope it helps. If it does don’t forget to become a Fan …cheers

4

Um… I was kinda hoping for a visual. But really since the table’s being used for what it’s meant to be used for I’m not sure what you mean by “looks good”. The only thing I can really think of is having nice font and background colors.

5

http://http://www.americanlegionpost346.org/CONTACT.htm

I took over this site, it was done in front page 2003, I have, little by little, redoing some of the pages. So you will now know what it looks like.

6

Here is an example of what I did for a table

<table id=“officers”>
<tr>
<th>Name</th>
<th>Position</th>

<th>Phone Number</th>
<th>email</th>
</tr>
<tr>
<td>#</td>
<td>#</td>
<td>#</td>
<td><a href=“X”>#</a></td>
</tr>

<tr class=“alt”>
<td>#</td>
<td>#</td>
<td>2#</td>
<td><a href=“mailto:#”>#</a></td>
</tr>

</table></div>

css sytle sheet

#table p {text-align: center;}

#officers
{
font-family:“Trebuchet MS”, Arial, Verdana, sans-serif;
width:100%;
border-collapse:collapse;
}

#officers td, #officers th
{
font-size:1em;
border:1px solid #3A5FCD;
padding:3px 7px 2px 7px;
}

#officers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#3862FF;
color:#ffffff;
}

#officers tr.alt td
{
color:#000000;
background-color:#9cf;
}

7

I think you can look on the site of forex or stocks.
maybe like this

they serve data in table, but it looks good.

8

I think smashing magazine did a piece on “inspiring use of tables” or something, showing how you can use CSS to make the tables look “pretty”, although I can’t seem to find it anywhere.

9

It would be super helpful if you could tell us what kind of data… Also, if you have an example of what you have right now so we would have something to work off of.

Also, this may need to be moved to another forum if you’re asking for design help (thinking about what I just typed there made me realize that it’s a bit confusing).