7 Replies Latest reply on Jul 23, 2007 2:15 PM by zagods

    site check please

    Level 7
      Hi all, thanks to those who have assisted in my first css website, now it's
      finally online and I'd appreciate it if you could all tear it to pieces now
      with a site check.

      http://www.hscatering.co.nz/index.php

      I have checked in all windows browsers. I have no idea what this looks like
      on a mac. I know the menu screws up in opera, (But Why?? )

      Anyway, anything dodgy or not working please let me know and what browser
      you are looking with.

      I still have some tweaks to eg modify search page to look like the rest of
      the site, and a few top of page links etc, but mostly done, and the last
      site was so hideous i had to replace it asap.

      Thanks in advance,

      Karen

        • 1. Re: site check please
          Level 7
          .oO(KarenJ)

          >Hi all, thanks to those who have assisted in my first css website, now it's
          >finally online and I'd appreciate it if you could all tear it to pieces now
          >with a site check.
          >
          > http://www.hscatering.co.nz/index.php

          Looks good. Quite nice and clean (tested in Opera 9.21 and FF 2.0.0.5).

          But some notes:

          * There's a small error on the homepage (didn't check the others):
          http://validator.w3.org/check?uri=http://www.hscatering.co.nz/index.php

          * You should always declare a background color for the page body, don't
          rely on the browser's default (it's not always white!)

          * There should only be one 'h1' heading on a page. Think of it like a
          document title, with 'h2', 'h3'... being chapters, sections or whatever.

          * I would probably not use a 'h1' at all for the text in the header box,
          since it's more a page description. Something like "Service" or "Contact
          Us" is OK, but the text after that should not be part of the heading.

          * Why is the header box restricted in height? This will cause a problem
          with an increased font size - the text overlaps the menu bar (try it in
          FF). You could use the 'min-height' property or maybe no height at all.

          * The main text is a bit small. While I really like Trebuchet MS (_much_
          better than the Verdana crap), I would never go down to 80% in the main
          parts. Maybe 90% if you think it has to be smaller, but not less.

          >I know the menu screws up in opera, (But Why?? )

          Hmm, strange. I'll check that.

          Micha
          • 2. Re: site check please
            Level 7
            .oO(Michael Fesser)

            >.oO(KarenJ)
            >
            >>I know the menu screws up in opera, (But Why?? )
            >
            >Hmm, strange. I'll check that.

            Still strange, I consider it a bug. In some cases Opera seems to lose
            the focus on the expanded submenu, when the mouse touches one of the
            white bottom border lines. These lines are defined in your stylesheet
            beginning with line 361:

            #navbar li ul, #navbar ul li {
            width: 10em;
            border-bottom: 1px solid #FFFFFF;
            }

            Changing the selector to

            #navbar li ul, #navbar ul li a {

            seems to fix the problem. Now the lines are not applied to the list
            items anymore, but to the links itself. The look should be the same.

            HTH
            Micha
            • 3. Re: site check please
              Level 7
              .oO(Michael Fesser)

              >.oO(KarenJ)
              >
              >>I know the menu screws up in opera, (But Why?? )
              >
              >Hmm, strange. I'll check that.

              After playing some more with it, here might be the reason for the
              strange behaviour. Starting in line 303 there is

              #navbar, #navbar ul {
              padding: 0;
              margin: 0;
              list-style: none;
              display: block;
              position: absolute;
              height: 33px;
              width: 450px;
              }

              This not only applies a fixed height to the main list, but also to all
              sub lists, which is rather pointless. I'm wondering why this works at
              all more or less ...

              Removing the 'height' and 'width' properties from the block above (the
              width is restricted anyway by the #menuwrapper) didn't changed the look,
              but fixed the problem in Opera.

              Micha
              • 4. Re: site check please
                Level 7
                hey Micha - thanks for taking the time to look -

                Extra </a> tag removed
                Have declared bg colour on body tag

                have taken note of h1 advice and will sort that -

                but mainly weirdo things happening with the menu,

                I have taken this from P7 css exprexss drop down menu and i confess that i
                don't understand the whiole thing - i just tweaked it til it looked right
                and worked in most browsers.


                Anyway i did what you suggested - removed width and height from

                #navbar, #navbar ul {
                padding: 0;
                margin: 0;
                list-style: none;
                display: block;
                position: absolute;
                height: 33px;
                width: 450px;
                }
                (and as i see those declarations are already on #menuwrapper)

                and yay it worked in opera as you said - but then in ie (7) it stopped
                working and started doing the opera thing - closing when you have got only
                part way down. So i put them back but it's not gone back to working
                properly. I will keep testing. BTW Firefox works either way.

                Thanks Micha - appreciate your help,

                Karen



                "Michael Fesser" <netizen@gmx.de> wrote in message.
                news:9bg8a3hpj0qtiisd06is9v1m8tlj029d81@4ax.com...
                > .oO(Michael Fesser)
                >
                >>.oO(KarenJ)
                >>
                >>>I know the menu screws up in opera, (But Why?? )
                >>
                >>Hmm, strange. I'll check that.
                >
                > After playing some more with it, here might be the reason for the
                > strange behaviour. Starting in line 303 there is
                >
                > #navbar, #navbar ul {
                > padding: 0;
                > margin: 0;
                > list-style: none;
                > display: block;
                > position: absolute;
                > height: 33px;
                > width: 450px;
                > }
                >
                > This not only applies a fixed height to the main list, but also to all
                > sub lists, which is rather pointless. I'm wondering why this works at
                > all more or less ...
                >
                > Removing the 'height' and 'width' properties from the block above (the
                > width is restricted anyway by the #menuwrapper) didn't changed the look,
                > but fixed the problem in Opera.
                >
                > Micha

                • 5. Re: site check please
                  Frank147
                  that is such a visually pleasing site.

                  When I went to the "food gallery" photos, I noticed photos #1, 2, 3 have captions and the balance do not. This causes the bottom border to "jump" when going from photo #3 to #4, or from the last photos back to the first photo.

                  This is in IE7
                  • 6. Re: site check please
                    Level 7
                    Hi Frank - thanks for looking, yes i started doing the captions and then
                    thought of 100 other things to do before that to get the site up, so I will
                    get onto that,

                    Cheers,

                    Karen


                    "Frank147" <webforumsuser@macromedia.com> wrote in message
                    news:f82khh$pbf$1@forums.macromedia.com...
                    > that is such a visually pleasing site.
                    >
                    > When I went to the "food gallery" photos, I noticed photos #1, 2, 3 have
                    > captions and the balance do not. This causes the bottom border to "jump"
                    > when
                    > going from photo #3 to #4, or from the last photos back to the first
                    > photo.
                    >
                    > This is in IE7
                    >

                    • 7. Re: site check please
                      zagods Level 1
                      Very nice site. Beautiful photography. Hungry now.