Andrea

Setting things to zero is not outdated, but using the type of table styling you were using is. Paste a link to the tutorial you were following, so it can get updated. In my post, you'll find 3 links to pages with tables on them. The last one has a table with grid. If you right-click it, you can see the code I used to get it that way. The reason you don't see the gridlines in the 'things work' example is given here:

You have a second stylesheet for the menu, but that addresses mainly the drop down stuff. There's a #menu div on your main stylesheet, and you should be able to move things around via #menu li or something like that.

Now I see it - must have been looking at a cashed version. The nav is still a little off - starts even with the image oh the left side, but ends about 35px before the right corner of it.

The top image isn't the problem. The problem is that you have the container set at a width of 90%. I still see this: As I said in an earlier post: If you cannot increase your resolution or view the page from a different monitor that has one, then just decrease yours - you'll see how the 90% container will shrink to less than the 921 px and things won't line up any more either.

Graeme, the flash works. The validation error here I think can wait, it affects nothing other than the page not getting a green passing flag. However, the fact that your header and top navigation are misaligned is clearly visible to everyone. I'd think it may be more important to fix that and then worry about the under-the-hood stuff nobody notices.

I'm not sure what you mean by 'normal', but this is what's happening: * {margin: 0; border: 0; padding: 0;} (note I deleted the unit of measure - we want zero everything, not just pixel) Removes margin, border, and padding from every single element that may or may not be on your page. In this situation, it removes those things from your table, table rows, and table cells, and you will have to add them back in where and how you want them, which you are trying to do, but it's clearly not working, and I honestly cannot tell you why. I even removed the 'px' which were not needed, and it still didn't work. My theory is that you're trying to use a very outdated way of doing things, and the browsers may just not recognize it any more. If you change to the current way of inline styling, things work (Right-click, pick view source, and you can see my code). The problem is that the formatting now only addresses the table, not its elements, so you would either have to add in styling to every single td, which would be pretty tedious, or you can just style the whole thing using internal (vs. inline) styling: Like This Does this help? If anyone knows why the initial way didn't work - even so I think it should - I'd be very interested.

A few more points: I don't really know JavaScript, but it appears you have a script to open a window in your head section THREE times. I don't know why you need this at all, windows open all by themselves just by clicking links. Looks like you pretty much just copied / pasted my version onto the website. Not a problem with that, but anybody looking at your code will find those comments I left just so I could explain to you what I was doing somewhat odd. This one I'm not sure about, but look at your flash coding - your embed tag is closing twice - once at the end of the opening tag and again with a regular closing embed tag (which, btw, is red on my view source, usually indicating an error.) Since I'm seeing the regular closing embed tag, I'd recommend you remove the closing slash that's currently inside the embed tag and see what that gets you. Instead of that table, just float those images next to each other and make adjustments with margins as needed. The reason that your header is off is that you set your container div at 90% which of course means its width will vary from resolution to resolution. For example, on my wide monitor, I'm seeing it 1440 wide. Your flash 'box', however, is only 921 px wide - so there are 519 px of empty space left. Even if you center the flash, it won't work since as your container changes width, so does the content, while the flash box is fixed. Just set the width of your container to px to match what you need for the flash and you're set. As to the improper use of the h2 tag on your page, this link should explain how header tags are supposed to be used: http://www.w3schools...ml_headings.asp Brief look at the CSS: there is no such thing as 'float: center'

Remove the closing slash from your charset: <meta charset="utf-8"> Remember - closing tags are not needed with HTML5, but technically, shouldn't cause a problem. But maybe here, they do - try it and see if it fixes the validation error.

Sometimes, you can't help those errors created by JavaScript stuff. The reason I find validation so useful is because it helps find mistakes that can lead to real problems. (like mis-matched opening/closing tags). I tried to validate your site to see exactly what you're getting, but I just got this: Not sure what you did in line 64. Btw, the line regarding this encoding should actually be right after the head opening tag.

Look at my last post - I'd screwed up when I told you about the closing br tag, but I edited and it shows correctly now. The img tag is correct, and it's the same as the meta tag.

This thread: http://www.killersit...rch__1#entry168 gives you all the info about HTML / XHTML you will ever want. The closing tags depend. Those that have their own closing tag, you write like this: <h2> </h2> - (you had an incorrect space between the / and the h in your code) Those that don't have a closing tag, like meta, img, br, hr, you write like this: <img src="whatever.jpg" alt="whatever" /> or <br /> Back to the doctype - if you were to switch to HTML, you'll need: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> but then you'd have to unclose all those meta and image tags, etc. Or, you could just switch to the doctype that comes new with HTML5: <!DOCTYPE html> With that, closed and none-closed tags are acceptable (depending on the tag that is) - but for this discussion (meta, img, br, hr), either way is ok. However - while HTML 5 does not bark at a < /br> - it's not necessary. So for this page, I'd leave them, but on your next site, I'd not add anything that's not required.

Of course you can ask questions. Forum is fine I think, that way, somebody else may benefit - or chime in. I don't have all the answers, only a few.

I have been fiddling with this - please pay attention to my comments: http://aandbwebdesig...Sforum/sta.html It's still not right, but I'm out of time now. You really need to validate your pages - there are a lot of errors. You're using an XHTML doctype (should be HTML) and with the XHTML doctype, all tags must be closed - that includes all your meta tags, br tags, img tags, all of them. You are using symbols like > instead of &gth; Your closing blockquote is missing Your don't have the same number of opening as closing div tags The menu list has coding mistakes You're using the H2 tag not the way header tags are supposed to be used That's all I can remember, but I left comments in the code as I fixed stuff. The page still does not line up - header still too far to the left, but I don't have time to look at the CSS or to see if I missed something else. Overall, VALIDATE --- ALWAYS VALIDATE -- granted, some errors come with the territory, like some created by the javascript stuff, but it will also catch the blatant mistakes - like missing or too many closing tags. Let me know if you have any questions, but this should help you towards cleaning up at least a bit.

Ok - I'm home now and about to tackle your code - meanwhile, this is how the site looks as I view it in Firefox with a resolution of 1600 px wide.

There are three images in your footer which does not equate to tabular data. Tables are meant to be used to display tabular data. Of course it's your decision to use a table anyway, but you have some coding errors: <table> <tr> <td>durhamdiocese.jpg</td> <td>stmathews.jpg ---- Closing TD Tag Missing <td>premier.jpg</td> </td> ------ Redundant Closing TD TAg <td></td> <td></td> </tr> </table> Look at this - you have the 3 images each in a cell, only 2 open and close properly, but in the next line, there's a redundant cell closing tag - and following that, you have 2 sets of empty cells - no reason for those, you only have 3 images. Also, I still see errors on your index page - your division opening and closing tags don't all pair up, and a closing header tag is written </h2> and not </ h2> Don't have time at the moment to research your div issue, but I'm looking at your source via FX's Webdeveloper Toolbar 'Show Source' and there I see red tags which indicate errors.

I probably wouldn't even worry about the favicon at this time. I think you have bigger issues, but try adding this line: <link rel="shortcut icon" href="http://www.standrews-chiltonmoor.org.uk/favicon.ico"/> and see if that makes a difference. Since I looked, I also noticed the following: You have THREE sets of body tags Your header displays to the left of your content (Hallo there starts somewhere between 'about us' and 'services'. You have more div closing than opening tags Your menu is missing the final closing ul tag H2 tags aren't closing properly - and they are not being used semantically correct. Incorrect use of a table for the images in your footer - and the table cells aren't closing properly, plus there are 2 empty cells. Hope that helps.

how about the link to the page?

Back so SpammerSlashing....

How about putting the FB thing to the bottom until we figure out the rest --- maybe it'll make the shaking less obvious? I wished I knew enough to fix that one -- but not this year (yet)

I couldn't leave things the way they are -- look at the attached for corrections to your services description. Free Stuff.pdf

The menu still jumps when you hover over anything but 'About'. For the FB thing - and this is just a guess - add a height to the .fb-like class and see if that takes care of things. Here is your clericalled copy: (I've bolded what I changed) Your Place For All of Your Web Design and Development Needs Well, it looks like you are looking for a web designer/developer. You have come to the right place. Here at MidWest Web Design Studio, I will strive to build you a custom site to your the specifications that you would like. I will meet with you, (Id' change that, unless you want just local clients or travel for those meetings) and together we will come up with a custom web site plan that meets both your needs and your budget. I will build you a basic site or a content management system (CMS) site for you, depending on your needs. This will totally depend on your needs. You may be asking what I mean by a basic site or CMS. The basic site would consist of three pages or more. With an about, services and a contact page. An cms goes a little farther. It has things like a log in, a back end for you to make content changes yourself. Other things that it might include are passwords, users, user accounts for e-mailing just to name a few. Actually, I'd leave the entire paragraph about the CMS out - that just confused people You can do that in that meeting - or save the more detailed info for a different page, for those you do want more details. -- But that's just my subjective opinion Most importantly, you probably want to know the cost of building and maintaining your site. The cost of building your site will vary depending on exactly what you want and how fast you need it done. As far as the maintaining of your site it is $15.00 a year to get a domain name, your site name. To put your site on line you will need an Internet Service Provider (ISP). This can very anywhere from $120.00 to a few hundred a year. Although I have some good news on that part, if you use my ISP I will charge only $50.00 a year! [i still think you mean Hosting Account, not ISP] That paragraph, I'd re-write, too. Maybe... The cost of building your site will depend on your needs. In addition to that, you will need to reserve your domain name (approx. $15/year), and you will need a hosting account (starting at under $5/month). Something like that, anyway. And you might also want to make your titles a bit more SEO friendly - stuff like 'home', 'contact', and 'about' isn't going to do much for you.

No need to zap you - sometimes, forum choice is a very subjective decision. I did look at your portfolio site in Chrome, and I didn't notice anything off-looking. BUT.... I looked at your code on the portfolio page and saw this: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>PORTFOLIO</title> </head><!doctype html> <html> <head> <meta charset="UTF-8"> <title>PORTFOLIO</title> <link href="[url="http://www.midwestwebdesignstudio.com/_css/style.css"]_css/style.css[/url]" rel="stylesheet" type="text/css"> <meta name="keywords" content="web designer, web developer, web design company," /> <meta name="description" content="The place for all of your web design and development needs." /> </head> I also noticed the following: Hovering over the navigation makes the entire thing jump. Maybe I have this wrong, but to me, the ISP is whoever brings the internet to my house - has nothing to do with my website (other than me needing it to upload it to my HOSTING ACCOUNT.... Let me know when you're done, and I'll look through all your text for missing and/or misplaced commas, grammatical issues, and typos.... There's also a weird jump of the entire page as it loads - it's as if the FAcebook thing comes in later and has to make room for itself by pushing the rest of the page further down.

A German New Year's Eve tradition - join us:

That works, too, Stephenius, but could be simplified. You don't need images1 and 2, and also no need to add a different img# class to each image. Actually, you don't need any at all. To style those, you could just: .images1 img { display:inline-block; width:33%; }

Happy New Year to you, too, Alfie! P.S. Check the date of this thread