Wiki
http://de.selfhtml.org/html/referenz/elemente.htm#li@title=SelfHTML

Hi,

Wo liegt denn dein Problem? Ich würde einfach noch einen Listenpunkt hinzufügen, in den ich ein Input-Feld hänge. Oder verstehe ich das falsch?
achso, man kann in ein li auch ein Input-Feld packen? Sorry wusste ich gar nicht.

mal abgesehen von seinen besonderen Merkmalen (Numerierung und/oder Bullets, Einrückungen), die man ja auch mit CSS in weiten Grenzen beeinflussen kann, ist li ein ganz gewöhnliches Blockelement. Du kannst so ziemlich alles da "reinpacken", was dir Spaß macht. Auch ein input, und auch ein komplettes kleines Formular.

Was ließ dich daran zweifeln?

Ciao,
 Martin

@@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'

Hallo,

Das ist die Pluralform? ;-) Ja, es gibt mehrere. Auf welchen beziehst du dich?

ich meine den Internet Explorer in den Versionen 9 - 10 -11

Die anderen Sachen habe ich wie folgt umgesetzt

  
                    <li style="padding-top:5px; padding-left:10px; border-right:0px !important;">  
                    	<form action="" method="get">  
                          <label for="suche" id="suche" style="display:none;">Usersuche</label>  
							<input name="suche" type="search" placeholder="Suche ...." style="background-color: #efefef; border:0px; width:150px;">  
                        <button style="border:0px; background-color:#efefef;">suchen</button>  
                        </form>  
                    </li>  

Hoffe ich habe das richtig verstanden. Allerdings haben sich meine Style Probleme dadurch überhaupt nicht gelöst.

Die Suche sollte nicht innerhalb eines nav-Elements stehen, wie ich schon sagte.

ich weiß das hast du mir das letzte mal schon gesagt, aber ich bekomme es nicht hin. Wenn ich das trenne, dann ist meine Navigation defekt und selber hast du geschrieben man kann es auch so lassen.

Gruß
Jessica

Hallo,

Das article-Element ist aber nicht richtig. Zum einen ist es völlig überflüssig, wenn es das einzige Element im main-Element ist. Zum anderen repräsentiert das article-Element Inhalt, der losgelöst vom Seiteninhalt stehen könnte – was keinen Sinn macht, wenn der Inhalt des article-Elements gleich dem Hauptinhalt der Seite ist.

Also kann ich in meinem Fall auf  <article> verzichten und einfach mit <p> bzw. <div> arbeiten?

Du meinst die Navigation und die Suche? Nö, gehört nicht einmal mit ins main-Element, würd ich sagen.

Nein, ich meinte das Kontaktformular, das unter den Text kommt.

Gruß
Jessica

Hallo,

Was heißt „falsch“? Was heißt „geht alles“? Was geht ab?

schau mal wie es im IE aussieht:

und im FF sieht es gut aus

Gruß
Jessica