Current project

[Sinzygy]

The layout per se isn't bad at all (I use almost the same 2-column layout), but I'd suggest either make the whole thing wider or put in a 3rd column.

And another usggestion: make the navigation a list-based naviagtion so you don't actually have to click the link, just click on the same height as the link. It will make navigating much easier and faster. Plus you can add some nice styling

[beam]

I think I'll just widen the right column for now, because I don't really have anything to put in the 3rd column yet. If you can't tell, the layout is practically stolen from the old Alien Adoption Agency.

As far as the list-nav, that's definitely doable because they're already in list tags, I just need to add the Javascript.

Edit: Done.

[Sinzygy]

JavaScript?

I usually do it in css.

Here's how I use it:

style.css

Code: [Select]

ul#Navigation {
width: 175px;
margin: 0;
padding: 0;
border: none;
background-color: none;
}

ul#Navigation li {
list-style: none;
margin: 0;
padding: 0;
}

ul#Navigation a {
display:block;
padding: 2px;
text-decoration: none;
border: none;
color: #000;
background-color: #ddd;
letter-spacing: 2px;
}

ul#Navigation a:hover {
border:none;
color: #000;
background: #aaa;
}

Actual navigation

Code: [Select]

<ul id="Navigation">
    <li><a href='l1.php'>link1</a></li>
    <li><a href='l2.php'>link2</a></li>
    <li><a href='l3.php'>link3</a></li>
 </ul>

Hope this helps

[beam]

I changed it from Javascript to CSS, and it works great. I also changed the font, and added the right sidebar. Thanks for the suggestions

[Sinzygy]

Uh, yeah... something is messed up for me.

check it out:
 

this is under Mac Os X and with Fireforx 2.0.0.4

(But it looks good under Safari 3 beta)

[€∂¡†]
Never mind what I said above. A simple refresh and everything worked like it should

[Dasein Fiasco]

In the future, you might find the following site helpful for cross-browser testing. It's free, and although there's a queue, you usually get screenshots within 10 minutes or so. It you don't want to bother setting up a proper web development environment, it's a nice spot-check just so you won't have to deal with unexpected user feedback later.

http://browsershots.org/

[Sinzygy]

Uuh nice

Thanks a lot for the nice little linky!

[€∂¡†]
Meh, expect too much from it. I guess that even included it to work.
Oh well. I've waited over 30 minutes and refreshed it in between, but no screenshots

[Dasein Fiasco]

Really? Weak!

Maybe it grows more or less busy depending on the time of day. In any case, here's my 3-second cross-browser compatibility advice: (1) set all padding/margins to a default 0 and (2) develop first in Firefox.

[beam]

That's what I do, I develop in Firefox and then check in Internet Explorer. The only reason it looked messed up for Sinzygy is because Safari caches stylesheets, and only checks for new ones when you manually refresh. I switched from a table to div layout, which made it look messed up because the stylesheet he had cached was for the table layout.

Also advice #1 is kind of bad advice.

[Dasein Fiasco]

Also advice #1 is kind of bad advice.

Are you telling me that you don't have a base style sheet that looks something like html, body { border:0; margin:0; padding:0; }?

I'd like to hear the explanation behind your brief rebut. Having an effective reset to override browser and OS defaults ensures that the most basic spacing components of your design all start from the same place. If that common sense explanation doesn't resonate with you, take a look around the web - no less an authority than Eric Meyer recommends this very thing.

[beam]

(1) set all padding/margins to a default 0

If you had said set the html and body tags to 0 then I would have understood, but you said ALL. I thought you were one of those people who advocate doing div's within div's to make the math easier.

[Dasein Fiasco]

Yeah, some people like to use a global selector for this. Some people have a huge set of tags they like to reset at the beginning. I'd suggest html and body at a *minimum*. Sorry for the confusion. I do, however, believe that there's nothing wrong with resetting it all, provided your intent is to go through and manually define everything from <li>s to <p>s.

[Sinzygy]

hehe: "whoups"

sorry to take this even further into off-topic, but it seems like I have some re-designing and re-writiing of my layout to do

[beam]

Yes, you do, so I can play it

[Sinzygy]

Hah, you think I'm gonna re-write the whole thing in english?

[€∂¡†]
Actually, that's not such a bad idea

[Phreakin318]

i think some1 should make another clubbin game