http://www.unrealdesigns.org/boatbase/designfinal/ what you all think? A logo will apear in the blue space at the top at somepoint.
Overall I think it looks pretty nice, with a very clean look to it. One thing that bugs me is the two stacked nav bars. I see why you had to split it because there are so many items, but it detracts from the overall look. A bit quiet, but it should look better with some content in place I think.
Are both the 'home' and 'login' menu items meant to be 'highlighted' blue? I'm assuming that only the current page should be, along with any rollovers. Also, the blue image is v slightly bigger than the white one My main critisism would be that the top box for the logo is the only box that doesnt have rounded corners and it would probably look a little better if it did. Other than that the site is clean and relatively simple, and will no doubt look better once the main section has some real content and is bigger than the others
Round the corners of the top box (although it may already be planned when an image is put in there). Maybe think about a new navigation system? It looks fine as it is, but the double bars are a bit odd. Also, maybe have something other than blue hyperlinks in the navigation bars, it'll look nicer.
It's not rendering properly in Firefox 1.5 or Opera 8.51 (on linux at least) - the 'Reports' and 'Calendar' links continue on a new line, not on the same line as the rest of the links in the lowest nav bar. Will provide some screenies if you need 'em.
Looks good to me. I like the simplicity and cleanliness of the look. Good choice of colors too. Got any ideas on what the logo's gonna be yet?
Hm this doesn't happen for me on my winxp install even if I resize the window, so it might be linux. Not sure why this would happen though. (I have firefox 1.5 as well)
the lower nav bar will be displayed, only, if someone is logged in. So to people looking at the site for the first time it should look nicer. Will try other fonts at some point. Bit miffed by the browser errors, some screenshots would be useful. Thanks for all your comments, keep them comming!
I'd reduce the height of the vertical lines between the menu items, and make them a pixel thicker and the same blue as the BG, and possibly dotted/dashed. Does 'INT' mean 'international'? If so, you may find that the world 'Global' is better understood. & BTW: it's "calendar" and "you're"
I find the navbars overly complex and confusing. A user shouldn't have to sit there and 'work out' the navigation - they should be able just to click to what they want straight away. There is no clear hierarchy of navigation yet the way the bars are stacked on top of each other suggests that there is. Perhaps it would be best if the 'login' type information / links were in a seperate box at the side. There's also a slight problem with the login button, which isn't currently active (I assume it's the homepage you've shown us) and in my opinion, should be white like the rest. I also think that there should be some kind of intermediate background for the page - rather than having the various elements floating directly above the dark blue background. It would also look better if you specified a min-height for the main page body. Something like this:
Thanks alot, like the login thing in the top right, and it does need a 2nd background layer. Have kept the blue but behind that, have made it black. Andy
Ok, so i have done alot more on the site design, i cannot get the background to come all the way down to the bottem in FireFox, IE it works, damn its so annoying. I can fix it by folating the background, but then i can have the site centered! http://www.unrealdesigns.org/boatbase/designfinalerror2/ A linky for you. Andy
Here are the two things I changed in the CSS to make it work for me (firefox 1.5 under linux) Code: .link { float: left; border-right-color: #333333; border-right-style: solid; border-right-width: 1px; padding-right: 3px; margin-right: 3px; font-size: 8px; text-align: center; height: 20px; padding-top: 5px; font-weight: bold; letter-spacing: 1px; } .footer { width: 800px; text-align: center; font-size: 9px; /* height: 20px;*/ margin-top: 5px; /* float: left;*/ } 3px padding/margin is the largest that will allow it to work with linux fonts (if free default fonts weren't copywritten/proprietary, this wouldn't be an issue, thanks Microsoft for strongarming us to use your products) And by removing the float: left and height: 20px the background seems to flow down as normal. (I don't know why.. I just started randomly removing stuff until I found something) Hope that helps!