Ergebnis 1 bis 4 von 4

Thema: Pull-Up Menu

  1. #1
    Azubi(ne) Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Pull-Up Menu

    Ich habe auf meiner Seite ein CSS Pull-Down Menu eingefügt... Ich möchte aber, dass sich die Subitems nach oben und nicht nach unten öffnen...
    Ich suche schon die ganze Zeit den Befehl im CSS Code... Ohne Erfolg... Ich hoffe Ihr könnt mir weiterhelfen...

    Besten Dank
    Roland

    Code:
      <style type="text/css" media="screen">
    .pd_menu_01 {float:left; padding:0; margin:0;color: #E0E0E0;background: #006587;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
    .pd_menu_01 a, .pd_menu_01 a:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:16px;
    color: #E0E0E0;
    background-color: #006587;
    text-decoration: none;
    }
    .pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
    .pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
    .pd_menu_01 ul li a {color: #E0E0E0;background: #006587;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
    .pd_menu_01 ul li ul {display:none; border:none;color: #E0E0E0;background: #006587;}
    .pd_menu_01 ul li:hover a {background-color:#007CA5; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
    .pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
    .pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#006587; color:#E0E0E0;} /*Color subcells normal mode*/
    .pd_menu_01 ul li:hover ul li a:hover {background-color:#007CA5; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
    .pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #E0E0E0;background: #006587;}
    .pd_menu_01 ul li a:hover {background-color:#007CA5; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
    .pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
    .pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#006587; color:#E0E0E0;} /*Color subcells normal mode*/
    .pd_menu_01 ul li a:hover ul li a:hover {background-color:#007CA5; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
      </style>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Pull-Up Menu

    also ohne den html-code is es reine spekulation, da man ja nich wirklich zu 100% sagen kann an welcher stelle der entsprechende style wirkt.
    hab sowas selber auch noch nicht gemacht, aber ich vermute mal, dass man das entsprechende listen-element, was die nächste ul enthält nur entsprechend positionieren muss..
    also
    HTML-Code:
    <ul>
           <li style="hier entsprechend positionieren">
                <ul>
                      <li>submenüpunkt</li>
               </ul>
         </li>
    </ul>
    aber wie gesagt, das is jetzt nur eine vermutung und nicht getestet
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Azubi(ne)
    Themenstarter
    Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Pull-Up Menu

    Erst einmal Danke für deine schnelle Antwort.
    Nur welchen Befehl muss ich einfügen, wenn sich die Subitems nach oben öffnen sollen?


    Gruß

    Roland

  4. #4
    Azubi(ne)
    Themenstarter
    Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Pull-Up Menu

    Der BODY Code:

    Code:
    <div class="pd_menu_01">
    <ul>
      <li><a href="index.html">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li style=""><a href="">Gem&auml;lde<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a
     href="kunstwerke-galerie-oelgemaelde-symmetrischer-surrealismus.html">Symmetrischer
    Surrealismus</a></li>
          <li><a
     href="gemaelde-galerie-filigraner-surrealismus-fantastischer-realismus-kunst.html">Filigraner
    Surrealismus</a></li>
          <li><a
     href="bilder-galerie-wiener-schule-fantastischer-realismus-freie-kunst.html">Phantastischer
    Realismus </a></li>
          <li><a
     href="kunst-galerie-magischer-realismus-tableau-portrait-malerei.html">Magischer
    Realismus</a></li>
          <li><a href="kunst-realismus-bild-fakt-fiktion.html"
     class="lastone">Fakt
    &amp; Fiktion</a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a href="">Gem&auml;lde<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a href="erste-werke-gemaelde-1983-1986.html">&Ouml;lgem&auml;lde
    1983 - 1986</a></li>
          <li><a
     href="kunst-gemaelde-1986-1988-surrealistischer-expressionismus.html">&Ouml;lgem&auml;lde
    1986 - 1988</a></li>
          <li><a
     href="kunstgemaelde-galerie-werke-1988-1992-symbolismus-allegorie.html">&Ouml;lgem&auml;lde
    1988 - 1992</a></li>
          <li><a
     href="oelgemaelde-1992-1996-fantastischer-realismus.html"
     class="lastone">&Ouml;lgem&auml;lde 1992 - 1996</a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a href="">Grafik<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a
     href="bleistift-zeichnungen-grafik-archiv-kunst-art.html">Zeichnungen</a></li>
          <li><a
     href="aquarelle-oelstift-bleistift-zeichnungen-kolorierte-bilder-galerie.html"
     class="lastone">Kolorierte Grafiken</a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a href="">Raum<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a
     href="fresko-sgraffito-trompe-d%27oeil-wandmalerei-kunst-illusion.html">Fresko
    - Illusion - Malerei</a></li>
          <li><a
     href="architektur-interieur-objekt-rauminstallation.html">Architektur
    - Interieur</a></li>
          <li><a href="mosaik-keramik-gold-fliesen-edelsteine.html"
     class="lastone">Mosaik - Glas - Keramik - Gold </a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a href="">Figur<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a
     href="kunst-gaerten-park-landschaften-natur-steine-skulptur-erde.html">Landschaft
    - Skulptur - G&auml;rten</a></li>
          <li><a
     href="denkmal-skulptur-plastik-bueste-figur-statue.html">Figur
    - Plastik - Skulptur</a></li>
          <li><a
     href="skulptur-immobilie-kunst-fassade-gestaltung.html"
     class="lastone">Skulptur &amp; Immobilie</a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a href="">Informationen<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a href="biographie-vita-werk-werdegang.html">Biographie</a></li>
          <li><a
     href="paradigma-weltbild-kosmische-kultur-philosophie.html">Philosophie
    &amp; Kosmische Kultur</a></li>
          <li><a
     href="technik-material-bilder-werk-arbeitsweise-system.html">Technik
    - Material</a></li>
          <li><a
     href="kontakt-kommunikation-kuenstler-anschrift-telefon-e-mail.html"
     class="lastone">Kontakt zum K&uuml;nstler</a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a href="">Empfehlungen<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
        <ul>
          <li><a
     href="kuenstler-empfehlungen-referenz-sympathie.html">K&uuml;nstler</a></li>
          <li><a href="kunstportale-kulturarchive.html">Kunstportale
    / Foren</a></li>
          <li><a
     href="roland-rafael-repczuk-im-web-onlinegalerien-network-portale.html"
     class="lastone">Roland Rafael Repczuk -Online</a></li>
        </ul>
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    <ul>
      <li><a
     href="impressum-des-kuenstlers-roland-rafael-repczuk-anschrift-telefon-e-mail.html">Impressum<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
    <!--[if IE]></td></tr></table></a><![endif]--></li>
    </ul>
    </div>

Ähnliche Themen

  1. Pull-Down Menü
    Von Doubleyou im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.03.2008, 19:48
  2. Einbinden von Pull Down-Menü in Homepage
    Von gFreak im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 02.11.2007, 14:38
  3. pull Down Drop Down Menue
    Von nafa im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 13.11.2006, 17:11
  4. Pull Down
    Von Gigazone im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 15.06.2005, 22:26
  5. Jscript zur Darstellung von linearem Menu in ein Baum Menu
    Von stud3 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.11.2004, 09:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •