Feedback appreciated on website in development

[zaidmo]

Hi all

I have a new travel site (to locate trips / tour packages) in development - its for trips from both agencies, and personal trips that we all take on our own.
The trips can be multi-location, and multi-day based - and the site has a comprehensive search to find a trip. Site is a custom php development.

I am currently testing it on the developer's server: http://viewproject.info/aamatrip/front.php

I have picked up some search errors, and the locations are not saving/displaying correctly - the developer will address this next week.
Please can you have a look and give me any feedback that I can pass to the developer - before I sign-off the development (in a week).

I have designed it so that the UI is as clean as possible, with limited info - performance and security were the priority

Thanks

 

[roguemat]

Points:
-Items text should be clickable, not just the picture.
-Search button could look nicer
-The 'sign in to comment' link doesnt work

 

[zaidmo]

Thanks for the feedback
I definitely think the menu bar / search button should change - I'm just BAD with colours

 

[Dm7]

A suggestion for the search button, but it is almost 6am: http://i52.tinypic.com/2saihrq.jpg

 

[zaidmo]

A suggestion for the search button, but it is almost 6am: http://i52.tinypic.com/2saihrq.jpg

That's a good looking button.
Do you know where I can find it online?
Is it an image or just CSS code?

 

[Dm7]

I made the button in Photoshop but didn't save it, for some reason.

But I've made it again: http://www.mediafire.com/?gk9jsgrig16x4q9

Could make a fair approximation of it using CSS:

<input type="button" value="Search" class="button" />

<style type="text/css">
			
.button{
	background:#f9f9f9;
	background:-moz-linear-gradient(#fff, #e2e2e2);
	background:-o-linear-gradient(#fff, #e2e2e2);
	background:-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e2e2e2));
	background:-webkit-linear-gradient(#fff, #e2e2e2);				
	background: linear-gradient(top, #fff 1%,#e2e2e2 100%);
	color:#2e5060;
	text-shadow:1px 1px 1px #fff;	
	width:120px;
	text-align:center;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	font:bold 13px arial;
	border:1px solid #e2e2e2;
	border-bottom:1px solid #fff;
	border-radius:10px;				
	-moz-box-shadow: -2px 10px 10px #e2e2e2;
	-webkit-box-shadow: -2px 10px 10px #e2e2e2;
	box-shadow:-2px 10px 10px #e2e2e2;
}
</style>

Could use something like the following for IE, but background gradients don't seem to play nice with border radius in IE

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e2e2e2',GradientType=0 );

 

[zaidmo]

awesome - thanks!

 

[Dm7]

This script is a better option for getting some of the CSS3 working in IE: http://css3pie.com/

And you may as well start using HTML5 and html5shiv or modernizr to bring the older browsers up to speed.

 

[zaidmo]

Thanks for the help. The developer is using that image.
Looks good.
He just needs to centralize it now