Pull-Up Menu

Roland Rafael Repczuk

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>

Alles anzeigen

synaptic

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

<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

Roland Rafael Repczuk

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

Roland Rafael Repczuk

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>

Alles anzeigen

Tags