Alex Seymour

Could you post the HTML for your form? Also try using print_r($_POST['submit']); Just to make sure that you actually have a value in there.

Have you tried margin-left: 20%; I'm not really sure what the functions you call actually do but there's no margin rule in the code so this is what jumps to mind.

The layout of web pages is likely to change almost every time you make one so there's plenty of ways on how to lay pages out it's pretty much up to you to use a way you're comfortable with really. As for your navigation bar it's common practice to put the links into a list and style it from there. A really simple bare-bones way might be <ul> <li><a href="">Link 1</a></li> <li><a href="">Link 2</a></li> </ul> a {display: block; float: left; width: 150px;} ul {list-style: none;} You could also do something like this if you wanted <div id="nav"> <a href="">Link 1</a> <a href="">Link 2</a> </div> The CSS for this method is pretty much the same just change a to "#nav" and get rid of the ul rule. If you're using HTML5 you would probably use <nav> <a href="">Link 1</a> <a href="">Link 2</a> </nav> Then the CSS would look something like this nav a {display: block; float: left; width: 150px;} There's loads of ways to do it, the more stuff you do the more ways you'll find really.

The author might also of meant it to be foreach($cart_products as product_id => $product) The ?> is saying stop executing PHP

You've got a div id of "outer" but you've defined it as outerw in CSS

Been trying to figure this one out for at least half and hour now and I simply can't get @font-face to work in IE9, it's working perfectly in Firefox and Chrome but IE9 simply won't accept it, I've tried what feels like a hundred different versions of the syntax from @font-face {font-family: ctleng; src: url(ctleng.eot);} to @font-face { font-family: 'ctleng'; src: url('ctleng.eot'); /* IE9 Compat Modes */ url('ctleng.woff') format('woff'), url('ctleng.ttf') format('truetype'), url('ctleng.otf') format('opentype'); } I've tried every different format that's apparently compatible with IE but it still doesn't work, has anyone got any ideas as to why?

There's about 25 rules for the links in the code you've got above and pretty much all of them seem to have colors defined try removing or changing some of them.

Change: a:link, a:visited, a:active { color: #000000; text-decoration: none; } To: a:link, a:visited, a:active { color: #0000FF; text-decoration: none; }

The only problem I'd have with that is the shape of the images inside the cloud, they just don't look right as a square shape. Other than that I can't really see anything wrong with it.

Each browser is different in how they look at CSS, the standards and rules they support and the way they read them, Firefox, Chrome and Safari are fairly similar to each other (in the ways stated above) but Internet Explorer doesn't share the same levels of similarity, however IE 8 was a step in the right direction and IE 9 support for CSS has bought it a lot closer towards the amount of shared/common support that the other browsers offer, anything below IE 8 however is going to cause you a little hassle from time to time due to it's fairly significant differences, the best way to get round it is simply add a conditional comment and then define specific CSS (or stylesheets if there's a lot to change) for the various versions of IE. Bare in mind that IE 7 doesn't support CSS3 at all (the reason for the problem with the border-radius in your image above) and IE 8 only supports some features of CSS3. Personally I don't design/build anything to support IE 6 or below, IE 7 is annoying enough as it is without having to fix problems in IE 6 as well, although I don't think there are that many people using IE 7 any more and even less using version 6.

I sent you a couple of PM's, hopefully they should sort it out for you if not let me know I'll back online tomorrow morning.

Are you able to post (or PM whatever your most comfortable with) the contents of your html and css file?

<style type="text/css"> Should only be used if your adding the css rules to the html document (my mistake I thought you were doing that). As for the padding simply add it to the pre-existing rule .button:link, .button:visited {background: url(home.gif); padding: 50px 110px 50px 110px;} You will also need to add no-repeat to each of the .button rules so it should end up like this .button:link, .button:visited {background: url(home.gif) no-repeat; padding: 50px 110px 50px 110px;} .button:hover {background: url(home_over.gif) no-repeat;} .button:active {background: url(home_down.gif) no-repeat;} } The padding values I used are just an example. I do apologise for the some what "blotchy" advise I've been sleep deprived for about 43 hours now.

1. Have you named the images/changed the file names accordingly? 2. Add some padding to the button .button {padding: /*insert number of px*/;} 3. The styling should look like <style type="text/css"> #header { height: 150px; width: 800px; } .button:link, .button:visited {background: url(button-background.gif);} .button:hover {background: url(button-background-hover.gif);} .button:active {background: url(button-background-down.gif);} </style>

@urbanelementz yeah I know what you mean just thought I'd put up the CSS alternative as the exact needs for this button are (as yet) unknown. The CSS method does require a lot less coding yes, if your unaware/don't know CSS you should definitely look at learning the basics at least it's a very powerful tool to have at your disposal.