kostenloser Webspace werbefrei: lima-city

css: verticale Listen, overflow

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   minialanguageschool

   minialanguageschool hat kostenlosen Webspace.

   16:01, 27.10.2009

   Hallo zusammen
   zuerstmal, darum gehts : http://minialanguageschool.lima-city.de/Proposition/Design.html
   
   Am Ende soll das Menue dann so aussehen:
   
   menuepunkt1
   menuepunkt2
   menuepunkt3
   menuepunkt4
   
   und beim hover (erstmal sollte es aber ohne hover so aussehen) z.B. so:
   
   menuepunkt1
   menuepunkt2 unterpunkt2
   menuepunkt3 unterpunkt2
   menuepunkt4 unterpunkt2
   
   Die Untermenue-Listen ueberlager das Hauptmenue
   
   &
   
   im IE wird der overflow komplett ignoriert, was bewirkt, dass die Untermenues abgeschnitten werden.
   code gibts hier:
   
   

   ...
    <tr>
   
     <td class="menu">
   <ul id="menu_list">
     <li class="li_standart"><ul><li>ddd</li><li>dddd</li></ul></li>
     <li class="li_standart"></li>
     <li class="li_standart"></li>
     <li class="li_standart"></li>
   </ul>
   </td>
     <td class="yellow_speciala" rowspan="3"></td>
   
     <td colspan="2" rowspan="3">
     
    <table border="0" cellspacing="0" cellpadding="0" class="main_table">
     <tr>
      <td class="main_table_top_left"><img src="img/corner_top_left_small.png"></td>
      <td class="orange"></td>
      <td class="main_table_top_right"><img src="img/corner_top_right_small.png"></td>
     </tr>
     <tr>
      <td class="orange"></td>
   
      <td class="content_cell">&nbsp;</td>
      <td class="orange"></td>
     </tr>  
     <tr>
      <td class="main_table_down_left"><img src="img/corner_down_left_small.png"></td>
      <td class="orange"></td>
      <td class="main_table_down_right"><img src="img/corner_down_right_small.png"></td>
     </tr>  
     </table>
     
     </td>
   ...

   
   

   .menu             {background-image:url(img/background_orange.png);vertical-align:top;width:162px;height:auto;}
   ul#menu_list      {margin:0;padding:0;}
   ul#menu_list li   {list-style:none;margin:0;padding:0;background-image:url(img/button.gif);width:162px;height:40px;text-align:center;line-height:40px;}
   ul#menu_list li ul li {display:inline;}

   
   
   Hoffe auf ne gute antwort :D
   
   
   
   Beitrag zuletzt geändert: 27.10.2009 16:53:17 von minialanguageschool

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. psd

   psd hat kostenlosen Webspace.

   16:44, 27.10.2009

   Ähm was willst du nun ??? was ist nicht so wie du dir das vorstelst ??
   
   Falls du den Zeilen umbruch in den li-tags meinst der kann nur funktionieren wenn du SPACE dazwischen hängst!
   
   Ansonsten wüsst ich jetzt nicht was nicht funktioniert!
4. Autor dieses Themas

   minialanguageschool

   minialanguageschool hat kostenlosen Webspace.

   16:51, 27.10.2009

   Man ich bin so verplant, Problem selber geloest, sorry fuer die Unruhe.
   
   
   
   Beitrag zuletzt geändert: 27.10.2009 17:47:34 von minialanguageschool

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?