2 Listen nebeneinander anordnen - html?
Hallo :-)
Ich habe in meinem Studium ein Informatik Modul wo es nur um bestehen/nicht bestehen geht. Als Prüfungsleistung müssen wir eine website erstellen.
Ich habe 2 Listen die ich gerne nebeneinander platzieren wollen würde hab aber keine Ahnung wie, daher wollte ich nach Hilfe fragen.
<h2> Text </h2>
<ul>
<li> 1
</li><br>
<li> 2
</li><br>
<li> 3
</li>
</ul>
<h2> 1 </h2>
<ul>
" gleiches Prinzip wie oben
Wie kriege ich die jetzt nebeneinander?
Muss ein eine Liste sein, oder darf es auch eine Tabelle sein? Und muss es reines HTML sein oder auch CSS?
es muss eine Liste sein, und reines html
4 Antworten
Ich würde das sinnvollerweise als Grid anlegen.
3 div anlegen
1 Container als Grid Container mit 2 Elementen
Und um jeweils 1 Tabelle mit h2 je einen der Grid-Elemente div
Du packst jede Liste in ein <div> und plazierst die beiden divs nebeneinander, z.B. indem du beiden im CSS float:left gibst. Siehe: https://stackoverflow.com/questions/5803023/how-to-place-two-divs-next-to-each-other
Entweder so oder durch CSS.
Anders geht es nicht.
<h2> Text </h2>
<table>
<tr>
<th>
<ul>
<li> 1
</li><br>
<li> 2
</li><br>
<li> 3
</li>
</ul>
</th>
<th>
<ul>
<li> 1
</li><br>
<li> 2
</li><br>
<li> 3
</li>
</ul>
</th>
</tr>
</table>
<td> funktioniert hier nicht, für das was er möchte. Probier es gerne aus. :)
EDIT: Mein Fehler, schuldigung. War zu blöd ein </td> zu machen. Habe es gerade nochmal ausprobiert. Sorry für die Fakenews, haha. Aber <td> <th> erfüllt beides seinen Zweck für diese simple Aufgabe.
War schon verwirrt haha. Soweit ich weiß is das ja im Hintergrund genau das selbe - Einfach nur n anderer Name. Wobei man td für Tabelleninhalte hernehmen soll und th für die Spaltenbeschreibung.
Aber ja, ansonsten is deine Antwort eigtl. die Musterlösung, wundert mich dass sie noch nich mehr Likes hat.
Als Musterlösung würde ich das obige Snippet nicht betrachten, denn zum einen wäre td, wie du schon geschrieben hast, vorzuziehen (bzw. th ungeeignet) und zum anderen wrd ein Fehler von der FS übernommen (br-Elemente sind als direkte Kindelemente eines ul-Elements nicht erlaubt).
Wenn es nicht erlaubt ist, warum ist es dann in Browsern implementiert??
Da verleitet man ja den Programmierer dazu, die Regeln zu brechen. Wo ist der Sinn?
Browser wechseln implizit zwischen verschiedenen Modi, um das Markup so gut und tolerant wie möglich interpretieren zu können. Daher wird auch dieser Fall im Toleranzbereich der Render Engine liegen.
Die eigentliche Motivation der Browserhersteller ist es, eine abwärtskompatible Interpretation zuzulassen. Genauso wie es möglich ist, HTML5-Dokumente zu interpretieren, sollte ebenso die Möglichkeit bestehen, bspw. HTML3 noch richtig interpretieren zu können. Du hast also unterschiedliche Standards mit verschiedenen Elementen / Regeln, die gehandhabt werden können. Diese Abwärtskompatibilität geht noch weiter und berücksichtigt auch den Fall, dass DAUs die Dokumente geschrieben haben. Sofern ich mich richtig erinnere, war da die WebKit-Spezifikation in ihren Worten / Aussagen ebenfalls recht direkt. Auf Teufel komm raus wird übrigens auch nicht alles interpretiert und korrigiert. Ab bestimmten Grenzbereichen, die überschritten werden (z.B. sinnloses Schachteln), werden Elemente auch einfach ignoriert.
Durch die Fehlertoleranz kommt der Seitennutzer weniger zu Schaden. Er kann die Webseite sehen. Würde ein Browser heutzutage strikt reagieren und solche Seiten z.B. gar nicht rendern, würde er von Otto-Normal-Nutzern kaum benutzt werden. Und das war für die Entwicklung von WebKit auch schon relevant (zur Orientierung: Als die erste Version von WebKit veröffentlicht wurde, war NetScape bereits auf der Abwärtsspirale).
Mit purem HTML machst Du eine 2-spaltige Tabelle.
Mit css kannst du auch flexboxen nutzen
in der Aufgabenstellung steht es müssen zwei Listen sein :(
Ja ein Liste in die linke spalte, eine Liste in die rechte Spalte
Du kannst nicht zwei Listen nebeneinander plazieren, ohne eine Tabellenartige-Struktur (table+tablerow oder flexbox) oder CSS zu benutzen.
td anstatt th würd ich sagen. Is ja keine Beschreibung einer Tabelle.