11 replies [Last post]
goodpasture
goodpasture's picture
Offline
newbie
Last seen: 14 years 51 weeks ago
Timezone: GMT-5
Joined: 2007-05-17
Posts: 9
Points: 0

The site is located at http://www.froggydomains.com and I recently redesigned it to be a tableless css site. I think for the most part I have been successful except the menu on the left doesn't work entirely for some browsers including oddly enough IE6 which is a big one yet. It works fine with IE7, Firefox, Opera and many others. I currently have redirected IE6 and Netscape 4 to an uglier front page that is at least functional. If you want to see the menu with one of those browsers go to froggydomains.com/lilipad.asp and that should work fine.

Please give feedback on the site in general and a fix to my menu problem if you have any ideas. I used an example found on the web for a pure css vertical menu.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 4 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Good start but needs

Good start but needs work.

Instead of giving you code samples I will explain a few web-design conventions and allow you to make the necessary changes, to give your site a more unified and professional feel.

1) Dont mix typefaces (fonts)

You're using a mix of serif and sans-serif fonts - which would be okay if the serif fonts were used for headers, etc, but not in main body text.

Stick to sans-serif fonts.

2) Lose the bottom image

Your top logo is excellent. Your bottom logo is not of the same style as the top, and you've also used the HTML attributes to resize it, making it look badly compressed.

3) Content

Your site is sparse and lacks content on the right. Have a look at other web hosting/domain name websites and see how plain but well-designed their sites look.

Verschwindende wrote:
  • CSS doesn't make pies

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 44 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

Goodpasture That logo is

Goodpasture

That logo is great, I can easily see it followed by a clean, spacious website. You've got room to use some colour really effectively to contrast and compliment that logo. I don't understand why you have gone for a square, boxed in menu with lots of different greens.

A bit of whitespace could compliment the logo and give it a much classier , more professional look.

also, as P. said, you really need some content on the right side. The Public and the Search Engines will just glance over you at the moment - give them something to get their teeth into, tell them what you're about, why you are better than the others etc.

Talk it up a bit!

HTH

Fat Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

asimpleart
asimpleart's picture
Offline
Enthusiast
Last seen: 11 years 13 weeks ago
Timezone: GMT-5
Joined: 2007-01-31
Posts: 94
Points: 4

Fav icon

I noticed the fav icon is godaddy, not good if your trying to sell domains and stay consistent with your own brand!

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 45 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

i saw the godaddy favicon as

i saw the godaddy favicon as well and then saw that you sell domains and then first thing i thought was that i was on a godaddy parking page then i noticed your logo...
ditch the godaddy favicon clean up the left nav
and get rid of that horrible waving ani-gif

dear god.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

jo_ho
Offline
Enthusiast
Last seen: 15 years 2 days ago
Joined: 2005-01-17
Posts: 67
Points: 0

Hi, When I first visited

Hi,

When I first visited this website, the design for some reason said Content Management System to me, which may be a good thing, not the style is not my cup of tea, I think (as was said earlier on) this is beacuase of the serif fonts. I would say give the website more whitespace, and style the menu a little.

If I am making a theme for a CMS I create a complete mockup in photoshop of how I want it to look, and then make the theme accordingly. I usually find If i just modify existing themes etc it has a very choppy / almost undesigned feel to it. Anyway i maybetalking rubbish here, or stating the obvious.

Cheers

goodpasture
goodpasture's picture
Offline
newbie
Last seen: 14 years 51 weeks ago
Timezone: GMT-5
Joined: 2007-05-17
Posts: 9
Points: 0

OK .. well I've got rid of

OK .. well I've got rid of the bottom image and over the weekend pretty much completely re-worked the menu entirely. I was having menu issues in IE6 or so I was told but now it is working fine all the way back to IE5 and many other browsers as well so that is now good. A functioning website is better than a non-functioning pretty one.I've pretty much revamped the entire site some and also converted most everything over to asp.net while I was at it. I think I have the font's all worked out using verdana. This isn't my strong point so can anyone recommend a font to use? Do you use 1 throughout the entire site or a couple different ones like colors? I really like the ani-lookey here guy so I can't get myself to remove it just yet.

The other big thing everyone seems to say is content and I just made a real effort to get rid of all the content and go with a wide open concept that it seems everyone is going with. All the web 2.0 sites are doing it. I am friends with the owner of pcnames.com and he is saying it is still too clunky but I can't get it any less but basically I should use good seo skills as well as social networking to bring in numbers and get my name out there. I must say I've been reading and working and have come a long ways.

So anyways I'm ready for round 2 if anyone will please take a look again and tell me what you think. www.froggydomains.com

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 4 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Remove the borders on the

Remove the borders on the top nav items.

Don't have the top nav stretch 100%

Use the same pale green on the left for the top navbar

Ditch all the blue text, make it black and smaller.

Verschwindende wrote:
  • CSS doesn't make pies

goodpasture
goodpasture's picture
Offline
newbie
Last seen: 14 years 51 weeks ago
Timezone: GMT-5
Joined: 2007-05-17
Posts: 9
Points: 0

WEll I'm getting it looking

WEll I'm getting it looking pretty nice I think. Please let me know what you think thus far.

thanks!!!

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 3 years 33 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Your upper level menu is

Your upper level menu is badly broke in FF and there are too many html errors on the home page to even comment on. Fix those up and you've got the beginnings of a nice site...

amadika
amadika's picture
Offline
Enthusiast
Texas
Last seen: 12 years 13 weeks ago
Texas
Timezone: GMT-6
Joined: 2007-04-16
Posts: 206
Points: 4

The upper level menu is also

The upper level menu is also badly broken in IE7. It's way bigger than the space that's been alotted for it, and is going beyond it on both sides.
-as a sort of picky side note, I'd change the colors that are on the header sections of the navigation... they really take away from such a pretty site. Same for the bold text....
-the blue text that's on the site is a bit distracting as well---plus, the average user could be frustrated as it is the typical color for links, and is not, in fact, a link.
--down with animated gifs!!! Wink Okay, they're not all bad, but this one is annoying.
I LOVE the header though Smile

@}->-- Amanda

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 44 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

Looking a lot better

Looking a lot better

The top nav is still broken in FF.
It sits against the left side of window whilst the rest of the site is centered.

easily fixed with this

ul#topnav{
margin: 0 auto;
padding: 5px 10px;
list-style-type: none;
background: #92C956;
width:768px;
}

Looks like it was just an oversight.

I much prefer the Nav now but one thing: the colour of the nav links is too pale - it's rather difficult to see so needs more contrast.

You're definitely on the right track goodpasture - keep at it!

[edit] Your lilly pads sinking! - well the page is broken anyway[/edit]

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns