Auf Thema antworten 2026

Beitrag

<blockquote data-quote="cythux" data-source="post: 2245842" data-attributes="member: 154170">AW: [DW CC Version 13.1 Build 6443]Wie komme ich dann weiter ? :-/Ohne Dreamweaver gearbeitet und unnötiges rausgelassen, da ich deine Bilder nicht hatte habe ich ein Füllbilder von lorempixel genommen&nbsp; zudem würde ich dir empfehlen keine Bilder von 2400*200px im Header oder footer zu verwenden, und die Bilder solltest du auch via CSS einbindenP.s.: Code ist nur spontan auf der Schnelle geschrieben[php]&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;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Das Universum&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;css/old.css&quot;&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;header class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;banner&quot;&gt;&lt;img src=&quot;http://lorempixel.com/960/200/technics/&quot;/&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;Logo&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;slogan&quot;&gt;Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher.&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/header&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;nav id=&quot;navigation&quot; class=&quot;clearfix&quot; role=&quot;navigation&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Start&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;ERDE&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;ERDPOSITION&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;PLANETENMILLENIUM&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;KOSMOSSTRUKTUREN&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;PARALLELWELT&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;WELTEN-THEORIE&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;GALAXIE&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;UNIVERSUM&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;GOODIES&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;ENDE&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;IMPERIALE IMPRESSUM&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/nav&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;section role=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;article id=&quot;inhalt&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;hi&gt;Das Unversum und Ihre Planeten&lt;/hi&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;bilder&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://lorempixel.com/388/388/technics/&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Jeder der einmal ein Kind war, wünscht sich weit hinaus auf das Weltall. Doch es gibt bestimmt Kinder, die einmal eines Tages Astronauten werden können, um das Weltall zu bewundern. Es gibt einige berühmte Beispiele wie Neil Armstrong oder Buzz Aldrin oder Michael Collins. Sie konnten ihre Wünsche erfüllen, dazu braucht man eine Spezielle Ausbildung, Fächer wie Mathematik und Physik sind Pflicht und man soll auch sehr oft einige Trainingsstunden einhalten können.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/article&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;Banner_Zwei&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://lorempixel.com/960/200/technics/&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/section&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/php][php]#logo {font-family: aguafina-script;font-size: 24px;font-style: italic;font-weight: bolder;text-transform: uppercase;text-decoration: none;color: rgba(97,158,251,0.76);text-align: center;}#slogan {font-size: 18px;font-style: italic;color: rgba(50,85,250,0.76);text-align: center;font-family: poiret-one;font-weight: bold;text-decoration: none;}#navigation {}#navigation {font-family: delius-swash-caps;font-style: normal;font-weight: 400;color: rgba(97,158,251,0.76);display: block;width: 250px;float: left;padding-right: 50px;}li {border: thin double rgba(97,158,251,0.76);list-style-type: none;}p {font-family: delius-swash-caps;font-style: normal;font-weight: 400;color: rgba(255,255,255,1);text-align: justify;}h1 {font-family: delius-swash-caps;font-style: normal;font-weight: 400;color: rgba(255,255,255,1);text-align: center;}body {background-color: rgba(0,0,0,1);margin-left : 15%;margin-right: 15%;}}#foto_universum {display: block;margin-right: 50px;margin-bottom: 50px;}#hubble {}#bilder {margin-right: 50px;margin-bottom: 50px;display: block;}p {&nbsp; &nbsp; margin-left: 10%;&nbsp; &nbsp; margin-right: 10%;&nbsp; &nbsp; text-decoration: none;}/*&nbsp;* Clearfix: contain floats&nbsp;*&nbsp;* For modern browsers&nbsp;* 1. The space content is one way to avoid an Opera bug when the&nbsp;*&nbsp; &nbsp; `contenteditable` attribute is included anywhere else in the document.&nbsp;*&nbsp; &nbsp; Otherwise it causes space to appear at the top and bottom of elements&nbsp;*&nbsp; &nbsp; that receive the `clearfix` class.&nbsp;* 2. The use of `table` rather than `block` is only necessary if using&nbsp;*&nbsp; &nbsp; `:before` to contain the top-margins of child elements.&nbsp;*/.clearfix:before,.clearfix:after {&nbsp; &nbsp; content: &quot; &quot;; /* 1 */&nbsp; &nbsp; display: table; /* 2 */}.clearfix:after {&nbsp; &nbsp; clear: both;}/*&nbsp;* For IE 6/7 only&nbsp;* Include this rule to trigger hasLayout and contain floats.&nbsp;*/.clearfix {&nbsp; &nbsp; *zoom: 1;}[/php]</blockquote>

[QUOTE="cythux, post: 2245842, member: 154170"] [b]AW: [DW CC Version 13.1 Build 6443]Wie komme ich dann weiter ? :-/[/b] Ohne Dreamweaver gearbeitet und unnötiges rausgelassen, da ich deine Bilder nicht hatte habe ich ein Füllbilder von lorempixel genommen zudem würde ich dir empfehlen keine Bilder von 2400*200px im Header oder footer zu verwenden, und die Bilder solltest du auch via CSS einbinden P.s.: Code ist nur spontan auf der Schnelle geschrieben [php] <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Das Universum</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/old.css"> </head> <body> <header class="clearfix"> <div id="banner"><img src="http://lorempixel.com/960/200/technics/"/></div> <div id="logo">Logo</div> <div id="slogan">Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher.</div> </header> <nav id="navigation" class="clearfix" role="navigation"> <ul> <li><a href="#">Start</a></li> <li><a href="#">ERDE</a></li> <li><a href="#">ERDPOSITION</a></li> <li><a href="#">PLANETENMILLENIUM</a></li> <li><a href="#">KOSMOSSTRUKTUREN</a></li> <li><a href="#">PARALLELWELT</a></li> <li><a href="#">WELTEN-THEORIE</a></li> <li><a href="#">GALAXIE</a></li> <li><a href="#">UNIVERSUM</a></li> <li><a href="#">GOODIES</a></li> <li><a href="#">ENDE</a></li> <li><a href="#">IMPERIALE IMPRESSUM</a></li> </ul> </nav> <section role="content"> <article id="inhalt" class="clearfix"> <hi>Das Unversum und Ihre Planeten</hi> <div id="bilder" class="clearfix"> <img src="http://lorempixel.com/388/388/technics/"/> </div> Jeder der einmal ein Kind war, wünscht sich weit hinaus auf das Weltall. Doch es gibt bestimmt Kinder, die einmal eines Tages Astronauten werden können, um das Weltall zu bewundern. Es gibt einige berühmte Beispiele wie Neil Armstrong oder Buzz Aldrin oder Michael Collins. Sie konnten ihre Wünsche erfüllen, dazu braucht man eine Spezielle Ausbildung, Fächer wie Mathematik und Physik sind Pflicht und man soll auch sehr oft einige Trainingsstunden einhalten können. </article> <div id="Banner_Zwei" class="clearfix"> <img src="http://lorempixel.com/960/200/technics/"/> </div> </section> </body> </html> [/php] [php] #logo { font-family: aguafina-script; font-size: 24px; font-style: italic; font-weight: bolder; text-transform: uppercase; text-decoration: none; color: rgba(97,158,251,0.76); text-align: center; } #slogan { font-size: 18px; font-style: italic; color: rgba(50,85,250,0.76); text-align: center; font-family: poiret-one; font-weight: bold; text-decoration: none; } #navigation { } #navigation { font-family: delius-swash-caps; font-style: normal; font-weight: 400; color: rgba(97,158,251,0.76); display: block; width: 250px; float: left; padding-right: 50px; } li { border: thin double rgba(97,158,251,0.76); list-style-type: none; } p { font-family: delius-swash-caps; font-style: normal; font-weight: 400; color: rgba(255,255,255,1); text-align: justify; } h1 { font-family: delius-swash-caps; font-style: normal; font-weight: 400; color: rgba(255,255,255,1); text-align: center; } body { background-color: rgba(0,0,0,1); margin-left : 15%; margin-right: 15%; } } #foto_universum { display: block; margin-right: 50px; margin-bottom: 50px; } #hubble { } #bilder { margin-right: 50px; margin-bottom: 50px; display: block; } p { margin-left: 10%; margin-right: 10%; text-decoration: none; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } [/php] [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?