barbossa: Wie mache ich ein feststehendes Menü ?

SELF-Forum

Wie mache ich ein feststehendes Menü ?

barbossa
– Informationen zu den Bewertungsregeln

Also, mein Problem ist folgendes: Ich möchte ein feststehendes Menü machen, also ein Menü, dass in meinem Fall immer auf der oberen Hälfte liegt egal wie weit man herunterscrollt. Hab mich ein bisschen erkundigt wie das funktioniert und habs angewendet. Ohne Erfolg. Da ich nur mäßige Kenntnisse besitze was das angeht habe ich keine Ahnung was ich falsch mache. Hier einemal mein Resultat

<html>  
<head> <title> Testversion </title>  
						<style type="text/css">  
						div { border:1px solid #888; }  
						#s1 { width:100%; height:100%; }  
						#f1 { position:fixed; width:100%; background-color:#ffffff; }  
						</style>  
	 					</head>  
  
<!--Body Beginnt-->  
  
<body leftmargin="0" Topmargin="0" Marginheight="0" Marginwith="0">  
<font face="Arial, Helvetica, sans-serif">  
  
<div id="f1">  
<tr><td height="150"></td></tr>  
 	<center>  
 	  <table border="1" cellpadding="10" width=100%" bgcolor="#999999" bordercolor="#666666">  
   	   <tr>  
   	 	 <td width="20%" style="text-align=center"> XXXXXXX 				 </td>  
   	 	 <td width="20%" style="text-align=center"> xxxxxxxxxxxxxxxxxxxxxxxx </td>  
    	 <td width="20%" style="text-align=center"> xxxxxxxxxxxxxxxxxxxxxx   </td>  
   	 	 <td width="20%" style="text-align=center"> xxxxxxxxxxxxxxxxxxx      </td>  
   	 	 <td width="20%" style="text-align=center"> xxxxxxxxxxxxxxxxxxx		 </td>  
  	   </tr>  
 	  </table>  
	</center>  
</div>  
<div id="s1">  
  
<!--Menue Ende-->  
  
<center>  
<table border="0" cellpadding="10" width=100%" bgcolor="#CCCCCC" <TH WIDTH=100%>  
  
<!--Anfahrt1 Anfang-->  
  
<tr> <td height="150"></td></tr>  
<tr> <td align="center"><font size="+1"><b> Anfahrt </b> </font> </td></tr>  
<tr> <td align="center">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</a>  
</td></tr></table>  
  
<!--Anfahrt1 Ende und GMap Anfang-->  
  
<table border="0" cellpadding="10" width=100%" bgcolor="#CCCCCC" <TH WIDTH=100%>  
  
	<tr><td height="30"></td></tr>  
	<tr><td align="center">  
  
<!--GMap Ende und Anfahrt2 Anfang-->  
  
<tr> <td height="30"></td></tr>  
<tr> <td align="center"><font size="+1"><b> xxxxxxxx </b></font></td></tr></table>  
  
<table border="0" cellpadding="10" width=100%" bgcolor="#CCCCCC" <TH WIDTH=100%>  
  
	<tr> <td width="44%"></td><td> - xxxxxxxxxxxxxxxxxxxxxx </td></tr>  
	<tr> <td width="44%"></td><td> - XXXXX xxxxxxxxx        </td></tr>  
	<tr> <td width="44%"></td><td> - xxxxxxxxxxxxxxxxxxxxx  </td></tr></table>  
  
<table border="0" cellpadding="10" width=100%" bgcolor="#CCCCCC" <TH WIDTH=100%>  
  
	<tr> <td align="center"> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx. </td> </tr>  
  
  
<tr><td height="500"></td></tr> </div>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wie mache ich ein feststehendes Menü ?

    Matthias Apsel Homepage des Autors
    +2 Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz, barbossa!

    1. Entsorge deinen bisherigen Quelltext.

    2. Beginne von vorn.      ohne Tabellen      ohne inline-style Angaben

    3. eine Navigation ist eine Liste von Links, ggf. mit einigen anderen Sachen drumrum.

    <div id="navigation">
  <h2>Navigation</h2>
  <ul>
    <li><a href="...">1. Seite</a></li>
    <li>2. Seite</li> <!-- aktuelle Seite -->
    <li><a> ... </a></li>
    ...
  </ul>
</div>
    1. Um die Navigation zu fixieren, verwende im CSS

    #navigation {position: fixed;}

    1. schau dich im Selfhtml-wiki um und frage hier wieder nach

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
    Beitrag melden
    +2
    Informationen zu den Bewertungsregeln

    1. Wie mache ich ein feststehendes Menü ?

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@Matthias Apsel:

      nuqneH

      1. […] 2.  […] 3.  […] 4. […] 5. […]

      Alles richtig, aber du hast 0. vergessen:

      0. Überlege, ob das sinnvoll ist.

      Zum einen könnten Teile des Menüs für den Nuzter unerreichbar außerhalb des Viewports liegen.

      Und überhaupt? Will der Nutzer ständig das Menü sehen? “Now leave me alone” [Brown]

      Qapla'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Wie mache ich ein feststehendes Menü ?

        Der Martin
        – Informationen zu den Bewertungsregeln

        Hallo,

        Zum einen könnten Teile des Menüs für den Nuzter unerreichbar außerhalb des Viewports liegen.

        das kann passieren und wäre dann natürlich Mist.

        Und überhaupt? Will der Nutzer ständig das Menü sehen?

        Wie immer, ist es schwer bis unmöglich zu sagen, was "der Nutzer" wirklich will, dafür sind die Präferenzen zu verschieden.

        Ich jedenfalls begrüße es sehr, wenn ich die Navigationselemente ständig unmittelbar erreichbar habe, so wie die Menüzeile bei klassischen Desktop-Applikationen - mal abgesehen von so "kaputten" GUIs wie MS Office ab Version 2007. Bei Opera und Firefox, die das mittlerweile nachahmen, kann man die herkömmliche Menüzeile ja wenigstens auf Wunsch wieder haben.

        Ciao,
         Martin

        --
        Wie kann es sein, dass ich von 100 Gramm Schokolade zwei Kilo zunehme?
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln