Seba: Probleme mit Menu

Hallo...hab eine Template mit Stylesheet für Typo3 gemacht...

hier der wichtige teil:

#Menu {
 position:absolute;
 top:195px;
 left:20px;
 width:172px;
 padding:10px;
 background-color:#eee;
 border:1px dashed #999;
 line-height:17px;
/* Again, the ugly brilliant hack. */
 voice-family: ""}"";
 voice-family:inherit;
 width:150px;
 }
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

nu hab ich also das menu innerhalb des <div id="Menu"> stehn...

Typo gibt darin diesen tag hier aus: <div class="menu-level2-no">Menu Item 1</div>
per stylesheet soll das hiermit eingerückt werden:

#menu1-level2-no{
 padding-left: 20px;
         }

es bleibt aber genau so wie es vorher auch war...es soll qasi bisserl eingerückt sein damit das aussieht als ob das menu aufklappt....

kann mit jemand helfen??

  1. Hallo,

    body>#Menu {width:150px;}

    Was macht die schließende eckige Klammer dort?
    MfG

    André

    --
    ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
    http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
    1. Hi,

      body>#Menu {width:150px;}
      Was macht die schließende eckige Klammer dort?

      Da ist keine schließende eckige Klammer ].

      Falls Du > meinst, das ist CSS-Selektor-Syntax für direkte Kinder.

      cu,
      Andreas

      --
      MudGuard? Siehe http://www.mud-guard.de/
      1. Hallo Andreas,

        vielen Dank für den Hinweis auf http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente. Dennoch hätte es ja sein können, dass diese Schreibweise unbeabsichtigt erfolgte.

        In Bezug auf den o.g. Verweis stellt sich mir die Frage, ob dies immer nach dem selben Schema abläuft. In selfhtml wird ja das Beispiel mit dem p-Element angeführt. Es müsste demnach auch mit Klassen und IDs funktionieren?!

        MfG

        André

        --
        ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
        http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
        1. hi,

          vielen Dank für den Hinweis auf http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente. Dennoch hätte es ja sein können, dass diese Schreibweise unbeabsichtigt erfolgte.

          da der IE diesen selektor noch nicht beherrscht, könnte dies aber trotzdem hier die ursache des "fehlers" sein. (sofern Seba im IE getestet hat)

          In Bezug auf den o.g. Verweis stellt sich mir die Frage, ob dies immer nach dem selben Schema abläuft. In selfhtml wird ja das Beispiel mit dem p-Element angeführt. Es müsste demnach auch mit Klassen und IDs funktionieren?!

          AFAIK ja.

          body > .ruelps
          body > #blah
          #blah > .ruelps

          sollten z.b. "funktionieren".

          gruss,
          wahsaga

          1. Hallo,

            da der IE diesen selektor noch nicht beherrscht, könnte dies aber trotzdem hier die ursache des "fehlers" sein. (sofern Seba im IE getestet hat)

            Aha!

            body > .ruelps
            body > #blah
            #blah > .ruelps

            sollten z.b. "funktionieren".

            Probieren geht über studieren.

            MfG

            André

            --
            ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
            http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
  2. Hier ist das CSS, so wie ich es bekommen habe...den teil ganz unten habe ich eingefügt, um den text einzurücken.

    body {
     margin:0px;
     padding:0px;
     font-family:verdana, arial, helvetica, sans-serif;
     color:#333;
     background-color:white;
     }
    h1 {
     margin:0px 0px 15px 0px;
     padding:0px;
     font-size:28px;
     line-height:28px;
     font-weight:900;
     color:#ccc;
     }

    h2 {
     margin:0px 0px 5px 0px;
     padding:0px;
     font-size:12px;
     line-height:12px;
     font-weight:500;
     color:#09c;
     }

    p {
     font:11px/20px verdana, arial, helvetica, sans-serif;
     margin:0px 0px 16px 0px;
     padding:0px;
     }
    #Content>p {margin:0px;}
    #Content>p+p {text-indent:30px;}

    a {
     color:#09c;
     font-size:11px;
     text-decoration:none;
     font-weight:600;
     font-family:verdana, arial, helvetica, sans-serif;
     }
    a:link {color:#09c;}
    a:visited {color:#07a;}
    a:hover {background-color:#eee;}

    #Header {
     margin:0px 0px 0px 0px;
     padding:5px 0px 0px 5px;
     /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
     height:5px; /* 14px + 17px + 2px = 33px */
     border-style:solid;
     border-color:black;
     border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
     line-height:5px;
     background-color:#eee;

    /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
    Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
    IE5/Win incorrectly parses the ""}"" value, prematurely closing the style
    declaration. The incorrect IE5/Win value is above, while the correct value is
    below. See http://glish.com/css/hacks.asp for details. */
     voice-family: ""}"";
     voice-family:inherit;
     height:14px; /* the correct height */
     }
    /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
    length values to user agents that exhibit the parsing error exploited above yet get
    the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
    a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
    body>#Header {height:14px;}

    #Content {
     margin:0px 50px 50px 200px;
     padding:10px;
     }

    #Menu {
     position:absolute;
     top:195px;
     left:20px;
     width:172px;
     padding:10px;
     background-color:#eee;
     border:1px dashed #999;
     line-height:17px;
    /* Again, the ugly brilliant hack. */
     voice-family: ""}"";
     voice-family:inherit;
     width:150px;
     }
    /* Again, "be nice to Opera 5". */
    body>#Menu {width:150px;}

    #menu1-level2-no{
     padding-left: 200px;
             }