Online Booking???

[huxen69]

Hello dear experienced designers,
I am creating a .php extension page using dreamweaver although in dreamweaver all is see is HTML tags used... but that is not the problem. Is it possible for me to create a online booking page? So that it goes directly to the email i specify, that is after the user fills a form. Any help would be very much appreciated. I'm new to booking & stuff and have a little more than basic knowledge on HTML AND CSS. Also another problem that when i put external stylesheet it aint working, but internal stylesheet works like a charm. Below is the css:

THIS IS INTERNAL STYLESHEET....

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #ffffff;
}


.hidden {
	display:none;
	}
a:link { text-decoration:none; color:#0099FF; }	
a:visited { text-decoration:none; color:#0099FF; }
a:hover { text-decoration:underline overline; color:#0099FF; }

h1 {
	margin:0;
	padding:0;
	}

#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom:15px;
}
#content p {
	margin: 0;
	padding: 0;
	padding-bottom:15px;
}	
#wrapper {
	margin:0 auto;
	padding:0 10;
	width:912px;
}
/*Main Navigation*/
#nav-main {
	height:60px;
	}
#nav-main dl { margin: 0; padding: 0; }	
/* IE5 Mac Hack \*/ 
#nav-main { padding-left: 11px; } 
/*/ 
#nav-main { padding-left: 11px; overflow: hidden; } 
/* End Hack */
#nav-main dt { float: left; }
#nav-main dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#nav-main dt a:hover {
	background-position: 0 -50px;
}

#nav-main dt#home,
#nav-main dt#home a { width: 71px; background-image: url(images/nav/home.gif) }

#nav-main dt#guide,
#nav-main dt#guide a { width: 71px; background-image: url(images/nav/guide.gif) }

#nav-main dt#resort,
#nav-main dt#resort a { width: 150px; background-image: url(images/nav/resort.gif) }

#nav-main dt#liveaboard,
#nav-main dt#liveaboard a { width: 100px; background-image:url(images/nav/liveaboards.gif) }

#nav-main dt#services,
#nav-main dt#services a { width: 71px; background-image:url(images/nav/services.gif) }

body.home dt#home,
body.home dt#home a,
body.guide dt#guide,
body.guide dt#guide a,
body.resort dt#resort,
body.resort dt#resort a,
body.liveaboard dt#liveaboard,
body.liveaboard dt#liveaboard a
body.services dt#services,
body.services dt#services a {
	background-position: 0 -100px;
}

body.about #header {
	height: 150px;
	background: #db6d16
		    url(images/headers/home.gif);
}

#header  {
	height:150px;
	background:url(images/headers/home.gif);
	clear:right;
	}

#sidebar-a {
	float:right;
	width:270px;
	line-height:15px;
	}
#sidebar-a .padding {
	padding: 15px;
}	

#content  {
	margin-right:280px;
	line-height:15px;
	}
#content .padding {
	padding: 15px;
}
#footer  {
	height:65px;
	clear:both;
	}			
.style1 {
	font-size: 14px;
	font-weight: bold;
}
-->
</style>

[marilynn.fowler]

The company that hosts your website should have online documentation of whether they support CGI/Perl scripts for email forms. Some hosts already have approved scripts; they will provide documentation on how to set up your email form. They may even have easy control panel options to implement it.

You may also find scripts online that will accomplish your task, though editing one might be daunting.

Please be warned that CGI/Perl scripts found on the web can be dicey; as a result, a good number of hosts will not support uploaded scripts.

[bazz]

show us where your css file is located and also, the link you are trying to use in your html file to link to it. likely they don't correlate.

To do the online booking form thing, you need a server side language. well, no you could likely do it in javascript but, if someone has JS turned off, then your form won't work for them.

I may have a solution for you so I have pm'ed you.

bazz