CSS Problem!

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Chris

    CSS Problem!

    Hello

    Can anyone figure out how I can make my page work correctly -


    The problem is that the CSS Dropdown list/menu is clashing with the
    text in a separate <div> container.

    HELP!!

    Thanks
    Chris
  • Lauri Raittila

    #2
    Re: CSS Problem!

    In article Chris wrote:[color=blue]
    > Hello
    >
    > Can anyone figure out how I can make my page work correctly -
    > http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm
    >
    > The problem is that the CSS Dropdown list/menu is clashing with the
    > text in a separate <div> container.[/color]

    Well, I can't see that problem using Opera 7.22. I see problem in that
    content starts only at 3/4 way down on page. Maybe you meaned that?

    Please describe better what you want to archieve, and what is the
    problem, and in what browser the latter.
    [color=blue]
    > HELP!![/color]

    I sure hope this is just some copy pasted half implemention, as it is not
    at all as accessible as it says. It doen't pass A-level WGAG, doesn't
    validate. Your CSS has lots of no good stuff.


    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
    Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
    tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

    Comment

    • Evertjan.

      #3
      Re: CSS Problem!

      Chris wrote on 17 nov 2003 in comp.infosystem s.www.authoring.stylesheets:
      [color=blue]
      > Can anyone figure out how I can make my page work correctly -
      > http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm
      >
      > The problem is that the CSS Dropdown list/menu is clashing with the
      > text in a separate <div> container.
      >[/color]

      add a z-index to:

      #menuList ul {
      margin: 0px;
      padding: 0px;
      z-index:1000;
      }


      --
      Evertjan.
      The Netherlands.
      (Please change the x'es to dots in my emailaddress)

      Comment

      • Chris

        #4
        Re: CSS Problem!

        Thanks, I will try this. My pages pass BOBBY Priority 1, 2 and 3 - and
        work very well in Screen readers such as LYNX - they are accessible!!

        C


        "Evertjan." <exjxw.hannivoo rt@interxnl.net > wrote in message news:<Xns9436B9 632DE7Feejj99@1 94.109.133.29>. ..[color=blue]
        > Chris wrote on 17 nov 2003 in comp.infosystem s.www.authoring.stylesheets:
        >[color=green]
        > > Can anyone figure out how I can make my page work correctly -
        > > http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm
        > >
        > > The problem is that the CSS Dropdown list/menu is clashing with the
        > > text in a separate <div> container.
        > >[/color]
        >
        > add a z-index to:
        >
        > #menuList ul {
        > margin: 0px;
        > padding: 0px;
        > z-index:1000;
        > }[/color]

        Comment

        • Chris Morris

          #5
          Re: CSS Problem!

          absc04@bangor.a c.uk (Chris) writes:[color=blue][color=green][color=darkred]
          > > > Can anyone figure out how I can make my page work correctly -
          > > > http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm[/color][/color][/color]

          Doesn't validate. I assume this is something you've broken recently,
          since it claims to and it's only a single error.
          [color=blue]
          > Thanks, I will try this. My pages pass BOBBY Priority 1, 2 and 3 - and
          > work very well in Screen readers such as LYNX - they are accessible!![/color]

          Lynx isn't a screen reader, it's a text browser. Unless there's a
          screen reader by the same name that I'm not aware of.

          Incidentally, passing the automatic Bobby checks doesn't guarantee
          accessibility by a long way - though most of the checks will be steps
          in the right direction if passed. By and large the page _is_
          accessible, though.

          http://www.cs.tut.fi/~jkorpela/www/acctools.html is worth reading on
          browser stuff.

          There's some more accessibility checking tools linked to from

          (though I need to update the advice on installing IE)

          --
          Chris

          Comment

          • Lauri Raittila

            #6
            Re: CSS Problem!

            In article Chris wrote:[color=blue]
            > Thanks, I will try this. My pages pass BOBBY Priority 1, 2 and 3 - and
            > work very well in Screen readers such as LYNX - they are accessible!![/color]

            Can you find this text in that image without seeing image: "Community
            University of North Wales"? (it's longer but I don't bother retype more,
            as text is not available as text anywhere in
            http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm). So you are hiding this
            text from people not viewing images. That is against A-level. Bobby
            doesn't spot this as it can't know that you are using background image in
            CSS for content. Exept that there is spot where it states that "Is
            content accessible whitout CSS" etc, that you have to answer yourself. If
            you lie to Bobby, it can't tell you truth.

            But they don't work on my browser if I disable images, or use narrow
            window. They are invalid, even if there is valid XHTML logo on bottom.
            Lynx is not screen reader. Accessibility is not only about blind, deaf or
            otherwise disabled, but for everybody else too. Text in that image that
            is not shown, is so small that practicaly no-one with high dpi screen is
            able to read it. Good thing I had low res screen.

            Bobby is just tool. It won't really do anything good, if you don't know
            what it is and how to use it. It even includes serious flaws (google
            back), as well as does WGAG (language markup etc.). You have pixel widths
            in your CSS for font size. They might prevent people using high dpi to
            read pages. You use fixed width, so I can't read your page. Opera SSR
            doesn't find that image either, and it is only way to access net in many
            devices. Links and lynx also misses information that is available in only
            image mode. This fails bobbys subjective test.

            Notice that this message looks like normal message, but is harder to
            understand as sentences are not in logical order. No automatic too can
            check that. (No, that was not problem with your site. Yes, real reason
            for that was not demonstrating. )

            --
            Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
            Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
            tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

            Comment

            • Chris

              #7
              Re: CSS Problem!

              Hmmm - your site isnt perfect either at http://www.student.oulu.fi/~laurirai/

              It validates just like mine pal - so whats your point?

              And the CSS does what I want it to do - and it validates!

              Nuff said


              Lauri Raittila <lauri@raittila .cjb.net> wrote in message news:<MPG.1a232 a67ffe114bc989d 2a@news.cis.dfn .de>...[color=blue]
              > In article Chris wrote:[color=green]
              > > Hello
              > >
              > > Can anyone figure out how I can make my page work correctly -
              > > http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm
              > >
              > > The problem is that the CSS Dropdown list/menu is clashing with the
              > > text in a separate <div> container.[/color]
              >
              > Well, I can't see that problem using Opera 7.22. I see problem in that
              > content starts only at 3/4 way down on page. Maybe you meaned that?
              >
              > Please describe better what you want to archieve, and what is the
              > problem, and in what browser the latter.
              >[color=green]
              > > HELP!![/color]
              >
              > I sure hope this is just some copy pasted half implemention, as it is not
              > at all as accessible as it says. It doen't pass A-level WGAG, doesn't
              > validate. Your CSS has lots of no good stuff.[/color]

              Comment

              • Brian

                #8
                Re: CSS Problem!

                Top posting fixed.

                How am I supposed to post my replies in a newsgroup?:


                Chris wrote:[color=blue]
                >[color=green][color=darkred]
                >>> http://www.bangor.ac.uk/~absc04/nwetp/dev_02.htm[/color][/color][/color]
                [color=blue]
                > Lauri Raittila <lauri@raittila .cjb.net> wrote in message
                > news:<MPG.1a232 a67ffe114bc989d 2a@news.cis.dfn .de>...[color=green]
                >> I sure hope this is just some copy pasted half implemention, as
                >> it is not at all as accessible as it says. It doen't pass A-level
                >> WGAG, doesn't validate. Your CSS has lots of no good stuff.[/color][/color]

                Chris wrote:[color=blue]
                > your site isnt perfect either at
                > http://www.student.oulu.fi/~laurirai/
                >
                > It validates[/color]

                Yes, it does.
                [color=blue]
                > just like mine pal[/color]

                No, yours does not. Missing an LI tag.
                [color=blue]
                > And the CSS does what I want it to do - and it validates![/color]

                You mean you wanted to make micro fonts that I have no hope of reading?

                --
                Brian
                follow the directions in my address to email me

                Comment

                • Lauri Raittila

                  #9
                  Re: CSS Problem!

                  In article Chris wrote:[color=blue]
                  > Hmmm - your site isnt perfect either at http://www.student.oulu.fi/~laurirai/[/color]

                  True. And I don't say that it is. I'm constantly working on it, instead
                  of thinking it would be perfect. I have never seen webpage that I could
                  not find 25 lines of problems, and my own certainly aren't exeption.

                  But, it doesn't have any images with text in them, exept those stupid
                  Bobby, Valid HTML and Valid CSS buttons on

                  - must get rid of them, even if they have good alt texts.
                  [color=blue]
                  > It validates just like mine pal - so whats your point?[/color]

                  Yours didn't validate. Try it yourself.
                  [color=blue]
                  > And the CSS does what I want it to do - and it validates![/color]

                  Gee, CSS validates. Too bad that it has nothing to do with accessibility.
                  In fact, incorrect CSS is about as likely to cause better than worse
                  accessibility.
                  [color=blue]
                  > Nuff said[/color]

                  Yes. No need to answer.

                  --
                  Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
                  Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
                  tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

                  Comment

                  • Chris

                    #10
                    Re: CSS Problem!

                    Such an expert then! Okay, can you work out the dropdown menu problem
                    then? And answer my original question...over to you - EXPERT!


                    Lauri Raittila <lauri@raittila .cjb.net> wrote in message news:<MPG.1a252 2b8f9aefaf989d2 c@news.cis.dfn. de>...[color=blue]
                    > In article Chris wrote:[color=green]
                    > > Hmmm - your site isnt perfect either at http://www.student.oulu.fi/~laurirai/[/color]
                    >
                    > True. And I don't say that it is. I'm constantly working on it, instead
                    > of thinking it would be perfect. I have never seen webpage that I could
                    > not find 25 lines of problems, and my own certainly aren't exeption.
                    >
                    > But, it doesn't have any images with text in them, exept those stupid
                    > Bobby, Valid HTML and Valid CSS buttons on
                    > http://www.student.oulu.fi/~laurirai/tietoja.html
                    > - must get rid of them, even if they have good alt texts.
                    >[color=green]
                    > > It validates just like mine pal - so whats your point?[/color]
                    >
                    > Yours didn't validate. Try it yourself.
                    >[color=green]
                    > > And the CSS does what I want it to do - and it validates![/color]
                    >
                    > Gee, CSS validates. Too bad that it has nothing to do with accessibility.
                    > In fact, incorrect CSS is about as likely to cause better than worse
                    > accessibility.
                    >[color=green]
                    > > Nuff said[/color]
                    >
                    > Yes. No need to answer.[/color]

                    Comment

                    • Matthias Gutfeldt

                      #11
                      Re: CSS Problem!

                      Chris wrote:[color=blue]
                      >
                      > Lauri Raittila <lauri@raittila .cjb.net> wrote in message news:<MPG.1a252 2b8f9aefaf989d2 c@news.cis.dfn. de>...
                      >[color=green]
                      >>In article Chris wrote:
                      >>[color=darkred]
                      >>>Hmmm - your site isnt perfect either at http://www.student.oulu.fi/~laurirai/[/color]
                      >>
                      >>True. And I don't say that it is. I'm constantly working on it, instead
                      >>of thinking it would be perfect. I have never seen webpage that I could
                      >>not find 25 lines of problems, and my own certainly aren't exeption.
                      >>
                      >>But, it doesn't have any images with text in them, exept those stupid
                      >>Bobby, Valid HTML and Valid CSS buttons on
                      >>http://www.student.oulu.fi/~laurirai/tietoja.html
                      >>- must get rid of them, even if they have good alt texts.
                      >>
                      >>[color=darkred]
                      >>>It validates just like mine pal - so whats your point?[/color]
                      >>
                      >>Yours didn't validate. Try it yourself.
                      >>
                      >>[color=darkred]
                      >>>And the CSS does what I want it to do - and it validates![/color]
                      >>
                      >>Gee, CSS validates. Too bad that it has nothing to do with accessibility.
                      >>In fact, incorrect CSS is about as likely to cause better than worse
                      >>accessibility .
                      >>
                      >>[color=darkred]
                      >>>Nuff said[/color]
                      >>
                      >>Yes. No need to answer.[/color]
                      >
                      > Such an expert then! Okay, can you work out the dropdown menu problem
                      > then? And answer my original question...over to you - EXPERT![/color]

                      Why should he solve CSS problems for an agressive and arrogant person
                      like you that obviously doesn't want to learn something? There are far
                      more rewarding problems to solve.


                      Matthias

                      Comment

                      • Chris

                        #12
                        Re: CSS Problem!

                        :)








                        Matthias Gutfeldt <say-no-to-spam@gmx.net> wrote in message news:<bpffjb$1n ocf9$1@ID-16734.news.uni-berlin.de>...[color=blue]
                        > Chris wrote:[color=green]
                        > >
                        > > Lauri Raittila <lauri@raittila .cjb.net> wrote in message news:<MPG.1a252 2b8f9aefaf989d2 c@news.cis.dfn. de>...
                        > >[color=darkred]
                        > >>In article Chris wrote:
                        > >>
                        > >>>Hmmm - your site isnt perfect either at http://www.student.oulu.fi/~laurirai/
                        > >>
                        > >>True. And I don't say that it is. I'm constantly working on it, instead
                        > >>of thinking it would be perfect. I have never seen webpage that I could
                        > >>not find 25 lines of problems, and my own certainly aren't exeption.
                        > >>
                        > >>But, it doesn't have any images with text in them, exept those stupid
                        > >>Bobby, Valid HTML and Valid CSS buttons on
                        > >>http://www.student.oulu.fi/~laurirai/tietoja.html
                        > >>- must get rid of them, even if they have good alt texts.
                        > >>
                        > >>
                        > >>>It validates just like mine pal - so whats your point?
                        > >>
                        > >>Yours didn't validate. Try it yourself.
                        > >>
                        > >>
                        > >>>And the CSS does what I want it to do - and it validates!
                        > >>
                        > >>Gee, CSS validates. Too bad that it has nothing to do with accessibility.
                        > >>In fact, incorrect CSS is about as likely to cause better than worse
                        > >>accessibility .
                        > >>
                        > >>
                        > >>>Nuff said
                        > >>
                        > >>Yes. No need to answer.[/color]
                        > >
                        > > Such an expert then! Okay, can you work out the dropdown menu problem
                        > > then? And answer my original question...over to you - EXPERT![/color]
                        >
                        > Why should he solve CSS problems for an agressive and arrogant person
                        > like you that obviously doesn't want to learn something? There are far
                        > more rewarding problems to solve.
                        >
                        >
                        > Matthias[/color]

                        Comment

                        Working...