simdex.org/2.0

Geoff Myers · #1 (**permalink**) Aug 19th, 2006, 03:32

This is a site design that I just started today, so, obviously, it is in very early stages (only the homepage works). This is my second tableless site I've ever done, so I'm still a beginner at advanced CSS techniques. Nothing fancy. I think it looks correctly in Firefox, since Camino displayed it how I wanted. I know, it's very simple (and perhaps ugly/outdated to some). The old site (1.0) is located at www.simdex.org. I detest this version because of the ugly tables, the image-based navigation, and many more aspects of it. I don't know. This new "2.0" version is just a complete concept. I have absolutely no idea how it will turn out (at least I'm headed in the right direction with valid XHTML/CSS and no tables)... Any suggestions?!? Thanks!

Note: Has not been tested in Internet Explorer...

By the way, GoDaddy is redirecting simdex.org to geoffmyers.net/simdex, so (unfortunately) you're actually viewing the site in a frame.

Ryan Fait · #2 (**permalink**) Aug 19th, 2006, 04:23

This is something close to my favorite way to make block links like you have used. It makes the whole box a link instead of just the text inside:

Code: Select all

<html>
<head>
<style type="text/css">
    ul#navigation {
        height: 30px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    ul#navigation li {
        margin: 0;
        padding: 0;
        font: 16px/30px arial,helvetica,sans-serif;
        border-right: 2px solid #000;
        float: left;
    }
    ul#navigation li a {
        height: 30px;
        padding: 0 25px;
        color: #000;
        text-decoration: none;
        background: #ccc url("gradient.gif") repeat-x 0 0;
        display: block;
    }
    ul#navigation li a:hover {
        color: #666;
    }
</style>
</head>
<body>
    <ul id="navigation">
        <li><a href="/" title="Home">Home</a></li>
        <li><a href="/" title="Local Consulting">Local Consulting</a></li>
        <li><a href="/" title="Design Services">Design Services</a></li>
        <li><a href="/" title="Shop">Shop</a></li>
        <li><a href="/" title="Blog">Blog</a></li>
    </ul>
</body>
</html>

edd_jedi · #3 (**permalink**) Aug 19th, 2006, 10:06

i think the only real flaw is that the text size is far too big. it's kind of patronising, especially the navigation.

my advice would be make all the text much smaller, perhaps 1em for the content and 1.1em for the navigation.

other than that, i quite like the colours. perhaps lose the t-shirt and line about your 3rd grade, it wouldn't fill me with confidence that you know what you're doing.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
SimDex - Technology Consulting	Geoff Myers	Free Web Site Critique	5	Jan 21st, 2008 13:08
simdex.org/	Geoff Myers	Free Web Site Critique	7	Sep 4th, 2006 13:24

		Webforumz.com > Main Forums > Design Your Website > Free Web Site Critique
simdex.org/2.0