Wickham

...but lots of people are using HTML5 as it gives some extra benefits. When you use a validator you just get a warning Using experimental feature: HTML5 Conformance Checker. The validator checked your document with an experimental feature: HTML5 Conformance Checker. This feature has been made available for your convenience, but be aware that it may be unreliable, or not perfectly up to date with the latest development of some cutting-edge technologies. If you find any issues with this feature, please report them. Thank you. Personally, I am using HTML5 but I don't use all the new features and I check on several browsers and hand-held devices using Opera Mobile Emulator http://www.opera.com/developer/mobile-emulator which gives lots of mobile devices to check.

Here's another tutorial showing how to set up php.ini file to send emails from localhost on your computer: http://roshanbh.com.np/2007/12/sending-e-mail-from-localhost-in-php-in-windows-environment.html

This w3.org page http://www.w3.org/html/wg/drafts/html/master/Overview.html uses par 8.1.1 uses capitals but I cannot believe it make any difference to use lower case, apart from raising a validation error.

Will this Safari tutorial help? http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html You have used <source src="serendipity_libtheora_008.ogv" type="video/ogg" /> <source src="serendipity.m4v" type="video/mp4" /> I use .oggv type="video.ogg" and I haven't noticed a problem, but I haven't used .m4v I just use .mp4 but you may be correct. This page is for Safari http://caniuse.com/#feat=mpeg4 This page is for all browsers http://caniuse.com/#feat=video so check each sub-feature link below the schedule

w3schools is a reasonably good tutorial for beginners but remember that even tutorials can be wrong. Look at the mistakes listed on http://w3fools.com/ w3schools was completely updated a year or two ago and has now got rid of the HTML 4.01 and XHTML 1.0 doctypes and uses the HTML5 doctype, but has kept the old HTML coding separate from the new HTML5 stuff. http://www.w3schools.com/html/default.asp You need to be aware that some elements were removed in HTML5, see http://www.w3schools.com/html/html5_new_elements.asp near the page bottom, and HTML5 is still in beta (officially hasn't been released yet but only minor changes are expected in future). The most important removed tags which many people still use (but shouldn't although browsers still seem to process them) are center, font, frame, frameset, noframes.

In addition to Eric's five solutions, here's another which is slightly different. In your solution at present each li tag is 16.666% wide so the space between Moloney Family and Media is smaller than between Media and Gallery. Item 4 on http://www.wickham43.net/dropdownmenus.php has no width for the li tags or for the whole ul tag so the li tags only use what they need and the spacing is equal padding. It does mean that the menu doesn't fill the whole width in a large window, but it always centers even if text in li tags is different. It uses two 50% positions, one positive and the other negative. If the window isn't wide enough, the right end tab(s) drop down, like your's do now.

Essentially, you just have to add the mail function last, after the submission to your database. See if you can work it out from here to suit your code:- $result=MYSQL_QUERY("INSERT INTO villagehall (id, day, month, year,date,starttime, endtime, club, room, who, phone, email, message, book)". "VALUES ('NULL', '$day', '$month', '$year', '$date', '$starttime', '$endtime', '$club1', '$room' , '$who1', '$phone1' , '$email1' , '$message1', '$book')")or die( "<p><span style=\"color: red;\">Unable to select table</span></p>"); mysql_close(); mail( $email, "Village Hall booking", "$day/$month/$year $starttime to $endtime\r\n$room $book\r\n$club\r\n\r\n$replymsg", "From: $admin" ); header( "Location: $thankyouurl" ); } ?> The above is just part of the code. It's old mysql; I have updated my page to mysqli which is recommended now, but the code is a little bit more complicated as more than one parameter is often needed.

This is the official CSS3 page from w3.org http://www.w3.org/TR/css3-selectors/ which has changes from CSS2 in item 1.3

Start with simple code to test out what each position can do. Forget static, hardly ever actually stated as it's the default. Position: relative and position: absolute are essential to learn and position: fixed is more or less self-explanatory except that it doesn't work in old IE browsers. See http://www.wickham43.net/divboxes.php and http://www.wickham43.net/threecolumns.php or Google div boxes. The float principle is often hard for beginners especially the need to clear floats. See http://www.wickham43.net/firefoxbackground.php because floats can affect the way a background does (or doesn't) show and the way following divs can move up beside or over floated divs if you don't clear the float. Flash is on the way out because it's bad for SEO (search engine optimisation).

There could be three reasons: 1. Did you upload the images into the host server using the same directories and subdirectories as your folder and subfolder framework & names? 2. A conflict between lower and upper case. Your browser and WordPress may be case insensitive but your host's server is case sensitive so image.JPG is not the same as image.jpg so make sure the image filename and the img code in the HTML are the same case. 3. A path problem. Are the img codes relative like <img src="image.jpg" alt="Image 1" /> or absolute like <img src="http://www.your-domain.com/image.jpg" alt="Image 1" /> ? Absolute codes should work but relative codes are better so check the path, ie is it related to the C:\ drive on your computer (wrong) or are the paths to the folders and subfolders correct? The text you are seeing may be the alt text which displays if the image is unavailable.

I hadn't noticed before, but you have a block element h3 inside an inline element "a" which is not allowed and could therefore get a different display from different browsers as they try to guess what the correct display should be. I gave the .column text-align: center; and made it bigger with a background to see what the effect was: .column { text-align: center; float: left; background: pink; padding: 10px; width: 500px; height: 300px; } h3 { font-weight: bold; background: lime; } p { background: yellow; } You could have no block elements at all, then the "a" tag and the img would both be centered by the text-align: center in .column and separated by a line break: <div class="column"> <a href="gallery1.htm" style="font-weight: bold;">Gallery #1</a> <br> <a href="gallery1.htm"><img src="images/square_j.jpg" width=300 height=200></a> </div> but the "a" tag has no top and bottom margin or padding so it's close to the img (it's bad practice to create more space by adding more <br> tags). OR You should have the "a" tag inside the h3 tag, then the img could be inside an "a" tag inside a p tag and then you have two block elements inside the container .column. <div class="column"> <h3><a href="gallery1.htm">Gallery #1</a></h3> <p><a href="gallery1.htm"><img src="images/square_j.jpg" width=300 height=200></a></p> </div> It appears that the text-align: center in .column is inherited by the text and img BUT notice that the h3 and p tag colors are full width although the "a" and img tags inside are centered. OR You could have the "a" tag inside the h3 tag, then the img could be inside only an "a" tag (just give the "a" tag a display: block; for and no p tag) and then you still have two block elements inside the container .column. <div class="column"> <h3><a href="gallery1.htm">Gallery #1</a></h3> <a style="display: block;" href="gallery1.htm"><img src="images/square_j.jpg" width=300 height=200></a> </div>

It was badly worded by me. Div h3 and p are all block elements but I meant to refer to what you put inside them. You can have a few words of text then an img tag then a few more words of text and they will all be on the same line, running together, inside a block element, unless the img has a display: block style which breaks the inline state. <p>A few words <img src="image.jpg" alt="Image 1" /> a few more words.</p> See http://www.htmlhelp.com/reference/html40/inline.html and http://www.htmlhelp.com/reference/html40/block.html So if you want a line of text then an image on a separate line or with margins and padding you have to end the text in a block element and start an img tag with display: block; <h3>Heading text</h3> <img style="display: block; width: 300px; height: 200px; border: 2px solid black;" src="image.jpg" alt="Image 1" /> <p>Text in a p tag</p> The image can therefore be used in two ways.

It's worth remembering that the img tag is an inline element tag and treated like a text unless it has display: block in the style. If the h3 and img tags were both inside a div which had text-align: center it would align both the text and the img.

I wouldn't be surprised if the control panel menu just creates a 301 redirect automatically. You just don't see the 301 code or know that it's happening.

Why has #msg got padding-top: 300px? Record added will move up if you delete that.