kostenloser Webspace werbefrei: lima-city

Tabellen und Dropdownmenu

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   8:50, 17.9.2009

   Hi ich mal wieder
   
   gibt es eine möglichkeit ein text basiertes dropdown menu in tag/tabelle">tabellen zu gestalten ohne das sich die tabelle erweitert?
   
   WICHTIG ohne javaskript oder flash !! sollte ein reines css & html basiertes menu sein.
   
   bis jetzt hab ich
   
   HTML
   

   <div id="line">
                     <table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                       <td class="left">&nbsp;</td>
                       <td class="blank">
                                 <table class="navi" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                   <td class="naviblank">&nbsp;</td>
                                   <td class="navi"><a class="navi"  href="index.html">Startseite</a></td>
                                   <td class="navi"><a class="navi"  href="&nbsp;">Profile</a></td>
                                   <td class="navi"><a class="navi"  href="&nbsp;">Impressum</a></td>
                                   <td class="navi"><a class="navi"  href="&nbsp;">Kontakt</a></td>
                                   <td class="naviend"></td>
                                  </tr>
                                 </table>
                                 </td>
                       <td class="search">suchfeld</td>
                       <td><a class="navi"  href="&nbsp;">Suche</a></td>
                       <td class="right"><a class="navi"  href="&nbsp;">Sprache</a></td>
                      </tr>
                     </table>
      </div>

   
   
   dazu das CSS
   

   td.left {
   	background-image: url(../images/lines/line_element_left.png);
   	background-position: 0% 50%;
   	height: 30px;
   	width: 140px;
   	padding: 0;
   }
   td.right {
   	text-align: right;
   	height: 30px;
   	width: 140px;
   	padding: 0;
   	padding-right: 10px;
   }
   
   td.navi {
   	background-image: url(../../gif/streifengif.png);
   	background-repeat: no-repeat;
   	background-position: left;
   	height: 25px;
   	width: 100px;
   	padding: 0;
   	margin-left: 5px;
   	margin-right: 5px;
   }
   
   td.naviblank {
   	height: 25px;
   	width: 20px;
   	padding: 0;
   	margin-left: 5px;
   	margin-right: 5px;
   }
   
   td.naviend {
   	background-image: url(../../gif/streifengif.png);
   	background-repeat: no-repeat;
   	background-position: left;
   	height: 25px;
   	width: auto;
   	min-width: 5px;
   	padding: 0;
   	margin-left: 5px;
   	margin-right: 5px;
   	
   }
   
   td.blank {
   	height: 30px;
   	width: auto;
   	padding:0;
   }
   
   td.search {
   	width: 150px;
   	height: 30px;
   	background-image: url(../images/navi/search.png);
   	background-repeat: no-repeat;
   	background-position: 0% 50%;
   	padding-left: 15px;
   	margin: auto;
   }

   
   
   ( das css ist noch nicht fertig und einige überflüssige einträge kommen noch weg )
   
   

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

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

3. color

   

   color hat kostenlosen Webspace.

   11:47, 17.9.2009

   Also ich würde sagen ohne JS wird dein Dropdown nur in einer begrenzten Anzahl von Browsern funktionieren. IE6 z.B. wird da nicht mitmachen.
   Der Hovereffekt den du benötigst funktioniert in einiegen Browsern nur auf dem A-Tag.
   
   Ich würde Das Dropdown mit dem ul-Tag lösen.
   
   Aber da du kein JS willst kann ich dir sonst nich weiterhelfen.
   
   Grüsse
   Color

4. abakus

   

   abakus hat kostenlosen Webspace.

   12:27, 17.9.2009

   psd schrieb:
   Hi ich mal wieder
   
   gibt es eine möglichkeit ein text basiertes dropdown menu in tabellen zu gestalten ohne das sich die tabelle erweitert?
   ...

   
   
   ja, die Möglichkeit gibt es ;)
   Du verwendest Prozent-Angaben table width: ... % und diese machen die Tabelle dynamisch. Wenn jene sich (in dem Sinne) nicht erweitern soll, dann verwende statische Werte table width: ... px. Ich vermute mal, daß Du mit "Erweiterung" die Breiten-Dehnung (Auflösung-Anpassung) meinst.
   
   greetz
   
   Beitrag zuletzt geändert: 17.9.2009 12:33:42 von abakus
5. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   17:27, 17.9.2009

   danke schonmal für die antwort.
   
   nein die breiten anpassung meinte ich nciht sondern wenn es die möglichkeit eines dropdown menus gäber, dann solte sich die höhe nicht verändern aber das dropdown trotzdem ausfahren.
   
   ähm ja schon was davon gehört aber blicken tu ich das nicht wirklich mit dem ul-Tag. meist du könntest mir passend zu meiner seite ein ul schreiben mit dropdown ?? ( kann ich dann aber noch bg verwenden und mit "width und height" arbeiten ??

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

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

Dir gefällt dieses Thema?