yetanotheruser: Vertikales Menu + Ausrichtung bottom

Beitrag lesen

Hallo,

ich habe ein kleines Problem mit meinem vertikalen Menu bzw. mit dessen Ausrichtung.

Ich habe folgenden Html-Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
   <head>  
      <title>Testseite</title>  
      <link rel="stylesheet" type="text/css" href="link_zum_css" />  
   </head>  
   <body>  
      <ul class="horizontalMenu">  
         <li><a href="http://www.heise.de/">Partner</a></li>  
         <li>|</li>  
         <li><a href="http://www.heise.de/">Newsletter</a></li>  
         <li>|</li>  
         <li><a href="http://www.heise.de/">Kontakt</a></li>  
         <li>|</li>  
         <li><a href="http://www.heise.de/">Impressum</a></li>  
         <li>|</li>  
         <li>Suchen</li>  
         <li><form><input /></form></li>  
      </ul>  
   </body>  
</html>  

und dazu gehörig folgendes CSS

  
ul.horizontalMenu {  
   padding                 : 0px;  
   margin                  : 0px;  
   height                  : 42px;  
   overflow                : hidden;  
   text-align              : right;  
}  
  
ul.horizontalMenu li {  
   display                 : inline;  
   list-style-type         : none;  
   vertical-align          : bottom;  
}  
  
ul.horizontalMenu li form {  
   display                 : inline;  
}  

Was ich gerne hätte, wäre eine Ausrichtung der li-Elemente nach "rechts unten". Irgendwie stehe ich auf dem Schlauch und kriegs nicht hin.

Ahjo die Höhe des ul-Elements ist leider so vorgegeben und fest, daran kann ich nichts ändern.

Leider hat mir die Suche bisher auch noch nicht viel weitergeholfen, aber wahrscheinlich hab ich nicht richtig gesucht.

Vielleicht kann mich jemand in die richtige Richtung schubsen.

Gruß Ben