Suchfeld in Navi Leiste

[Gunnar Bittersmann]

@@Jessica:

nuqneH

achso, man kann in ein li auch ein Input-Feld packen? Sorry wusste ich gar nicht.

Kann man. Passt aber nicht. Das Suchfeld sollte außerhalb des nav-Elements sein:

<header>  
  <nav>  
    <ul> … </ul>  
  </nav>  
  <input type="search" name="search"/>  
</header>

Noch ein paar Anmerkungen:

Wozu soll <div id = "wrapper"> gut sein?

Anstatt <div id = "content"> solltest du <[link:http://www.w3.org/TR/html5/grouping-content.html#the-main-element@title=main] role="main"> verwenden.

Im Stylesheet steht:

    transition: background 0.3s ease-out; /* explorer 10 */  
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */  
    -moz-transition: background 0.3 ease-out; /* firefox */  
    -o-transition: background 0.3 ease-out; /* opera */

Die Kommentare sind
1. überflüssig, da sich die Browser anhand der Präfixe erkennen lassen
2. falsch. Firefox und Chrome unterstützen seit langem schon die präfixfreie Variante.

Weshalb die präfixfreie Variante immer NACH denen mit Präfixen stehn muss, damit diese angewnadt wird:

    -webkit-transition: background 0.3s ease-out;  
    transition: background 0.3s ease-out;

-moz- für Firefox ist nicht mehr erforderlich, -o- für Opera wohl auch nicht. (Presto-Opera ist so gut wie tot.)

Qapla'