Author Topic: Current project  (Read 5147 times)

Offline Sinzygy

  • Level 28
  • **
  • Posts: 420
  • Reputation: +11/-0
    • View Profile
Re: Current project
« Reply #25 on: June 30, 2007, 01:31:11 PM »
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

Offline beam

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
  • Dance Commander
    • View Profile
Re: Current project
« Reply #26 on: June 30, 2007, 02:41:40 PM »
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.
« Last Edit: June 30, 2007, 02:45:26 PM by beam »

Offline Sinzygy

  • Level 28
  • **
  • Posts: 420
  • Reputation: +11/-0
    • View Profile
Re: Current project
« Reply #27 on: June 30, 2007, 02:46:24 PM »
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 :)

Offline beam

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
  • Dance Commander
    • View Profile
Re: Current project
« Reply #28 on: July 02, 2007, 06:24:47 AM »
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 ;)

Offline Sinzygy

  • Level 28
  • **
  • Posts: 420
  • Reputation: +11/-0
    • View Profile
Re: Current project
« Reply #29 on: July 02, 2007, 08:52:26 AM »
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 :)
« Last Edit: July 02, 2007, 08:55:56 AM by Sinzygy »

Offline Dasein Fiasco

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
    • View Profile
    • Travis Dunn
Re: Current project
« Reply #30 on: July 02, 2007, 11:01:42 AM »
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. :P

http://browsershots.org/
Personal Site: www.travisdunn.com
There is neither speech nor language but their voice is heard among them

Offline Sinzygy

  • Level 28
  • **
  • Posts: 420
  • Reputation: +11/-0
    • View Profile
Re: Current project
« Reply #31 on: July 02, 2007, 11:05:10 AM »
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 :(
« Last Edit: July 02, 2007, 11:57:37 AM by Sinzygy »

Offline Dasein Fiasco

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
    • View Profile
    • Travis Dunn
Re: Current project
« Reply #32 on: July 02, 2007, 04:39:45 PM »
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.
Personal Site: www.travisdunn.com
There is neither speech nor language but their voice is heard among them

Offline beam

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
  • Dance Commander
    • View Profile
Re: Current project
« Reply #33 on: July 02, 2007, 04:41:26 PM »
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.

Offline Dasein Fiasco

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
    • View Profile
    • Travis Dunn
Re: Current project
« Reply #34 on: July 02, 2007, 11:20:21 PM »
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.

Personal Site: www.travisdunn.com
There is neither speech nor language but their voice is heard among them

Offline beam

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
  • Dance Commander
    • View Profile
Re: Current project
« Reply #35 on: July 03, 2007, 06:34:59 AM »
Quote
(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.

Offline Dasein Fiasco

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
    • View Profile
    • Travis Dunn
Re: Current project
« Reply #36 on: July 03, 2007, 09:24:03 AM »
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.
Personal Site: www.travisdunn.com
There is neither speech nor language but their voice is heard among them

Offline Sinzygy

  • Level 28
  • **
  • Posts: 420
  • Reputation: +11/-0
    • View Profile
Re: Current project
« Reply #37 on: July 03, 2007, 11:01:02 AM »
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 :)

Offline beam

  • Level 15
  • *
  • Posts: 132
  • Reputation: +2/-0
  • Dance Commander
    • View Profile
Re: Current project
« Reply #38 on: July 03, 2007, 02:03:32 PM »
Yes, you do, so I can play it

Offline Sinzygy

  • Level 28
  • **
  • Posts: 420
  • Reputation: +11/-0
    • View Profile
Re: Current project
« Reply #39 on: July 03, 2007, 02:17:35 PM »
Hah, you think I'm gonna re-write the whole thing in english?

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

Offline Phreakin318

  • Level 5
  • *
  • Posts: 17
  • Reputation: +0/-0
    • View Profile
Re: Current project
« Reply #40 on: September 03, 2007, 10:07:57 AM »
i think some1 should make another clubbin game   :D

 


SimplePortal 2.3.3 © 2008-2010, SimplePortal