**EA#04** I've changed it a bit

Hello Smee!

1. It validates!!

2. Not sure you really need a div for the site title stuff.

3. Should the menu be a UL list?

4. With the quotes, maybe you should use cite tags for the author.

5. The quote to the right under the vid should also be blockquote like you did for the other quotes.

6. The quotes on "Resources" need to be semantic with blockquote and cite tags

7. have you considered using a DL for the recom. websites?

8. all the pages have a main page heading (page title) except the contact page. is that how you want it?

I think everything looks good, I have mixed feelings about that very bright glandore-25march.png. I think it provides useful information, but I cant get that information if Ihave images turned off, or use a screen reader. I'll see the box title (alt text), but not the good stuff. Maybe make the text "real", and use a css3 solution for the rounded cornered box. Browsers that do not support the css corners, will just see a box. No harm done.

Thank you for your 'looksee'

1. It wasn't easy, I've been working on the valid video stuff for about 2 days!
2. Okaaay...this is a template as you can see from all the stuff I've left commented out, so I've left a lot of this styling as it was. What you're saying is to make #sitetitle h1 and h2 classes on the hx tags themselves? Hmmm...there's a lot of styling on them.
3. Right - I'll try that. Again I just worked with what I had while I figured out what it did. Ta. I have to fiddle with it because the text has to be smaller to fit the others I'm planning without getting the white gap at the bottom.
4. Ummm...no. All cite does is make things italic. Perversely, I don't want the author's name italic in this case. Also it comes of Gary's styling of my pullquote.
5. Thanks, I'll check that out.
6. Well you could have told me that when we doing that page *she says, hands on hips*

ETA: **EA#01** here

7. No, I didn't - and I'm not sure I will *squinting*
8. Ah! Thanks for that.
9. Yes I know but it would have ended up like the lavender one at the bottom. I thought about it but it's only there for a week, so I did that. But I will have to put more thought into how I put those announcements up. (Hopefully my ad in the local rag online may point a few people to the site).

A stirling job once again Cupid - thanks so much

Well that didn't work. I put the menu in a UL and it moved the Body or Container (not sure which) down the page about 15px!!

How can it do that? Both have margin and padding 0 for the top...woe
I've used Firebug and I can't see it.

We're back on the test site.

There is no rule that says you absolutely must, without exception accept the default styling for the cite element. You are free to do cite {font-style: normal;} or cite {font-style: inherit;}

Er, um, it did show up in EA#2

cheers,

gary

Hi Gary

No, I was quite happy with your 'citation' and simply added the
font-style: normal; to it and deleted the <cite> but I'll go over to that thread 'cos there's a couple of things...

I may have my threads wrong, but it's the resources/books/websites page that I was referring to...ummm, to which I was referring.

But please see post #3 above...what did I do wrong? Why did it move the whole page down?

Right then...

1. Yes, it validates.
2. Sitetitle is too hard.
3. I put the menu in a UL and it moved the WHOLE page down - now I'm stuck - one duck at a time please.

Blockquote inserts whitespace and I can't delete it with margin: or padding:
now it looks silly so skinny and so long with huge gaps because I want it justified.

Test site

You do not let presentation control your html markup.

<blockquote style="margin: 0;"
  <p style="font-style: italic;">“I've been doing energy healing work since 
  1991 and my jaw still drops at the results.  I've lost count of the number 
  of phobias, panic and anxiety attacks, traumatic memories, guilt, grief
  and physical ailments that have been elegantly relieved (often in 
  minutes) by this procedure.</p>
 
  <p style="font-style: italic;">“Even though EFT violates just about every  
  conventional belief out there, the results remain remarkable. EFT isn't  
  perfect, of course. We don't get 100%. But it usually works well and the 
  results are sometimes spectacular.”</p>
 
  <p><cite style="font-style:normal;">~Gary Craig, EFT founder</cite></p>
</blockquote>

cheers,

gary

Thanks Gary, I had redone it and when I couldn't get the margin off I restored it to what you saw.

Now I have put it back with the margin on .gary - works fine on the Home page...Contact page takes absolutely no notice.

Note I had to use a class because I use cite on the Resources page.

I guess you didn't notice the contact page calls a different stylesheet.

http://eft-adv.freehostia.com/eftadvantage.css for http://eft-adv.freehostia.com/

and

http://www.eftadvantage.com.au/eftadvantage.css for http://eft-adv.freehostia.com/contact-eftadvantage.php

cheers,

gary

Oh dear...so sorry, you're right. I had tried to get rid of most my relative addressing. then realised what a pain it would be for you guys to help me so changed it back (except for the bottom Contact bits).

Well I also tried putting the menu in a UL but it moves the Body/Container down about 15px! Body and Container both have top margin and padding set to 0. I've used Firebug and I just can't see it.

See it in action here.

It's also on the Home page but I've left the other pages as they were for comparison.

Thanks

You forgot to check deeply enough. ul has a default top and bottom margin, usually 1em, or 16px if you've accepted default values. This margin is collapsing through #container and body. Do this:

#menu {
  height:71px;
  margin:0;
  padding-top:35px;
  text-align:right;
  }

cheers,

gary

Honestly! I don't believe it, I moved every other margin, px and padding I could find *shaking head*.

I could see that margin when I hovered over the menu, but thought it was caused by something else. Thanks Gary - sorry I'm such a duffer