Auf Thema antworten 2026

Beitrag

<blockquote data-quote="yezinia" data-source="post: 2308527" data-attributes="member: 469858">Ok das ist das erste mal, dass ich hier eine Frage stelle, aber ich stehe wirklich auf dem Schlauch, habe sozusagen das ultimative Brett vorm Kopf:Warum erzwingt ul einen Box-Umbruch?HTML[HTML]&lt;!DOCTYPE html&gt;&lt;html lang=&quot;de&quot;&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta charset=&quot;UTF-8&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Code.Institute - Programmieren lernen: schnell, einfach, kostenlos&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link href=&quot;./style/cimain.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;contentbox&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Left coloumn 33% of viewport size --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;leftcol&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1 id=&quot;pagetitle&quot;&gt;Code Institute&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Hauptmen&amp;uuml;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Right coloumn 66% of viewport size --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;contentcol&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; asdasd&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/HTML]Dazugehöriges CSS[CODE]* {&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;&nbsp; &nbsp; font-size: 16px;&nbsp; &nbsp; height: 100%;}html {&nbsp; &nbsp; background-color: #787878;&nbsp; &nbsp; height: 100%;&nbsp; &nbsp; width: 100%;}#contentbox {&nbsp; &nbsp; background-color: #656565;&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 100%;&nbsp; &nbsp; position: relative;}#leftcol {&nbsp; &nbsp; background-color: #323232;&nbsp; &nbsp; background-image: url(./images/cibglogo.gif);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; height: 100%;&nbsp; &nbsp; width: 33%;&nbsp; &nbsp; float: left;}.clearfix:after {&nbsp; &nbsp; content: &quot;.&quot;;&nbsp; &nbsp; display: none;&nbsp; &nbsp; visibility: hidden;&nbsp; &nbsp; clear: both;&nbsp; &nbsp; height: 0px;&nbsp; &nbsp; line-height: 0;}#leftcol h1 {&nbsp; &nbsp; font-size: 30pt;&nbsp; &nbsp; color: #ABABAB;&nbsp; &nbsp; font-family: helvetica;&nbsp; &nbsp; font-variant: small-caps;&nbsp; &nbsp; margin-top: 85px;&nbsp; &nbsp; margin-left: 50px;}#leftcol ul {&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; position: relative;}#leftcol ul li {&nbsp; &nbsp; font-size: 16px;&nbsp; &nbsp; color: #ABABAB;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; font-family: helvetica;&nbsp; &nbsp; font-variant: small-caps;}[/CODE]</blockquote>

[QUOTE="yezinia, post: 2308527, member: 469858"] Ok das ist das erste mal, dass ich hier eine Frage stelle, aber ich stehe wirklich auf dem Schlauch, habe sozusagen das ultimative Brett vorm Kopf: Warum erzwingt ul einen Box-Umbruch? HTML [HTML] <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Code.Institute - Programmieren lernen: schnell, einfach, kostenlos</title> <link href="./style/cimain.css" type="text/css" rel="stylesheet"> </head> <body> <div id="contentbox" class="clearfix">  <div id="leftcol"> <h1 id="pagetitle">Code Institute</h1> <ul> <li> Hauptmenü </li> </ul> </div>  <div id="contentcol"> <div> asdasd </div> </div> </div> </body> </html> [/HTML] Dazugehöriges CSS [CODE] * { margin: 0px; padding: 0px; font-size: 16px; height: 100%; } html { background-color: #787878; height: 100%; width: 100%; } #contentbox { background-color: #656565; width: 100%; height: 100%; position: relative; } #leftcol { background-color: #323232; background-image: url(./images/cibglogo.gif); background-repeat: no-repeat; height: 100%; width: 33%; float: left; } .clearfix:after { content: "."; display: none; visibility: hidden; clear: both; height: 0px; line-height: 0; } #leftcol h1 { font-size: 30pt; color: #ABABAB; font-family: helvetica; font-variant: small-caps; margin-top: 85px; margin-left: 50px; } #leftcol ul { margin: 0px; padding: 0px; list-style-type: none; position: relative; } #leftcol ul li { font-size: 16px; color: #ABABAB; font-weight: bold; font-family: helvetica; font-variant: small-caps; } [/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?