Auf Thema antworten 2026

Beitrag

<blockquote data-quote="sud7even" data-source="post: 2612441">Ja, natürlich <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />HTML-Code index.html[html]&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Titel der Seite&lt;/title&gt;&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;&lt;meta name=&quot;robots&quot; content=&quot;index, follow&quot;&gt;&lt;meta name=&quot;author&quot; content=&quot;Name&quot;&gt;&lt;meta name=&quot;creator&quot; content=&quot;Name&quot;&gt;&lt;meta name=&quot;publisher&quot; content=&quot;Name&quot;&gt;&lt;meta name=&quot;description&quot; content=&quot;Beschreibung&quot;&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot; title=&quot;Basis-Stylesheet&quot;&gt;&lt;link href=&quot;https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:300,300i,400,400i,600,600i,700,700i&quot; rel=&quot;stylesheet&quot;&gt;&lt;/head&gt;&lt;body&gt;&nbsp; &nbsp; &lt;header&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;banner&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Kleines Banner als Blickfang&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;up-menue&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Blog - Shop als Textlink&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;nav&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Horizontale Dropdown-Navigation&nbsp; &nbsp; &nbsp; &nbsp; &lt;/nav&gt;&nbsp; &nbsp; &lt;/header&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;section id=&quot;title&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Logo/Wappen&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;slideshow&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Slideshow&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/section&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;section id=&quot;preview&quot;&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Überschrift für Kurzvorstellung&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;article&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Text der Kurzvorstellung&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/article&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;/section&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;section id=&quot;dates&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; Abschnitt für Termine, ggf. zwei Container&nbsp; &nbsp; &lt;/section&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;section id=&quot;overview&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;image-socialmedia&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Bild Social Media &amp; Kontakt&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;quick-contact&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Name&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Straße&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Etc.&lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;socialmedia&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Unternehmen auf Facebook&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Etc.&lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/section&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;footer&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;menue-down&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Kontakt - Impressum als Textlink&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;raute&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; Bild&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;copyright&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Copyright &amp;copy; 2016 Semper Fi Brema&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/footer&gt;&lt;/body&gt;&lt;/html&gt;[/html]CSS-Datei style.css[code=CSS]/*** @author&nbsp; &nbsp; &nbsp; &nbsp; Name* @package&nbsp; &nbsp; &nbsp; &nbsp; Name* @link&nbsp; &nbsp; &nbsp; &nbsp; Internetadresse* @email&nbsp; &nbsp; &nbsp; &nbsp; E-Mail* @copyright&nbsp; &nbsp; Copyright-Information***//* *************** ALLGEMEINE FORMATIERUNGEN ***************************************************************************/*{&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;}html, body{&nbsp; &nbsp; font-family: &#039;Open Sans&#039;, sans-serif;}/* *************** LAYOUT **********************************************************************************************/header{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 135px;&nbsp; &nbsp; background-color: #050505;&nbsp; &nbsp; color: #FFFFFF;}#banner{&nbsp; &nbsp; width: 70%;&nbsp; &nbsp; height: 75px;&nbsp; &nbsp; float: left;}#up-menue{&nbsp; &nbsp; width: 30%;&nbsp; &nbsp; height: 75px;&nbsp; &nbsp; float: left;}#title{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 384px;&nbsp; &nbsp; background-image: url(../images/bg.jpg);}#logo{&nbsp; &nbsp; width: 35%;&nbsp; &nbsp; height: 384px;&nbsp; &nbsp; float: left;}#slideshow{&nbsp; &nbsp; width: 65%;&nbsp; &nbsp; height: 384px;&nbsp; &nbsp; float: left;}#preview{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 500px;&nbsp; &nbsp; background-color: #00361C;&nbsp; &nbsp; font-family: &#039;Droid Serif&#039;, serif;&nbsp; &nbsp; color: #FFFFFF}#dates{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 350px;&nbsp; &nbsp; color: #000000;}#overview{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 200px;&nbsp; &nbsp; background-color: #006D38;&nbsp; &nbsp; color: #FFFFFF;}#image-socialmedia{&nbsp; &nbsp; width: 40%;&nbsp; &nbsp; height: 200px;&nbsp; &nbsp; float: left;}#quick-contact{&nbsp; &nbsp; width: 30%;&nbsp; &nbsp; height: 200px;&nbsp; &nbsp; float: left;}#socialmedia{&nbsp; &nbsp; width: 30%;&nbsp; &nbsp; height: 200px;&nbsp; &nbsp; float: left;}footer{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 75px;&nbsp; &nbsp; background-color: #00361C;&nbsp; &nbsp; color: #FFFFFF;&nbsp; &nbsp; font-size: 14px;}#menue-down{&nbsp; &nbsp; width: 30%;&nbsp; &nbsp; height: 75px;&nbsp; &nbsp; float: left;}#raute{&nbsp; &nbsp; width: 40%;&nbsp; &nbsp; height: 75px;&nbsp; &nbsp; float: left;}#copyright{&nbsp; &nbsp; width: 30%;&nbsp; &nbsp; height: 75px;&nbsp; &nbsp; float: left;}/* *************** NAVIGATION ******************************************************************************************/nav{&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 60px;&nbsp; &nbsp; background-color: #090909;&nbsp; &nbsp; float: left;}[/code]Ich hoffe, damit kann man etwas anfangen. Ansonsten könnte ich die Seite irgendwo hochladen?Beste Grüße!</blockquote>

[QUOTE="sud7even, post: 2612441"] Ja, natürlich :) [B]HTML-Code index.html[/B] [html]<!doctype html> <html> <head> <title>Titel der Seite</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="robots" content="index, follow"> <meta name="author" content="Name"> <meta name="creator" content="Name"> <meta name="publisher" content="Name"> <meta name="description" content="Beschreibung"> <link rel="stylesheet" type="text/css" href="css/style.css" title="Basis-Stylesheet"> <link href="https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet"> </head> <body> <header> <div id="banner"> Kleines Banner als Blickfang </div> <div id="up-menue"> Blog - Shop als Textlink </div> <nav> Horizontale Dropdown-Navigation </nav> </header> <section id="title"> <div id="logo"> Logo/Wappen </div> <div id="slideshow"> Slideshow </div> </section> <section id="preview"> <h1>Überschrift für Kurzvorstellung</h1> <article> Text der Kurzvorstellung </article> </section> <section id="dates"> Abschnitt für Termine, ggf. zwei Container </section> <section id="overview"> <div id="image-socialmedia"> Bild Social Media & Kontakt </div> <div id="quick-contact"> Name Straße Etc. </div> <div id="socialmedia"> Unternehmen auf Facebook Etc. </div> </section> <footer> <div id="menue-down"> Kontakt - Impressum als Textlink </div> <div id="raute"> Bild </div> <div id="copyright"> Copyright © 2016 Semper Fi Brema </div> </footer> </body> </html>[/html] [B]CSS-Datei style.css[/B] [code=CSS]/** * @author Name * @package Name * @link Internetadresse * @email E-Mail * @copyright Copyright-Information * **/ /* *************** ALLGEMEINE FORMATIERUNGEN *************** ************************************************************/ *{ margin: 0px; padding: 0px; } html, body{ font-family: 'Open Sans', sans-serif; } /* *************** LAYOUT ********************************** ************************************************************/ header{ width: 100%; height: 135px; background-color: #050505; color: #FFFFFF; } #banner{ width: 70%; height: 75px; float: left; } #up-menue{ width: 30%; height: 75px; float: left; } #title{ width: 100%; height: 384px; background-image: url(../images/bg.jpg); } #logo{ width: 35%; height: 384px; float: left; } #slideshow{ width: 65%; height: 384px; float: left; } #preview{ width: 100%; height: 500px; background-color: #00361C; font-family: 'Droid Serif', serif; color: #FFFFFF } #dates{ width: 100%; height: 350px; color: #000000; } #overview{ width: 100%; height: 200px; background-color: #006D38; color: #FFFFFF; } #image-socialmedia{ width: 40%; height: 200px; float: left; } #quick-contact{ width: 30%; height: 200px; float: left; } #socialmedia{ width: 30%; height: 200px; float: left; } footer{ width: 100%; height: 75px; background-color: #00361C; color: #FFFFFF; font-size: 14px; } #menue-down{ width: 30%; height: 75px; float: left; } #raute{ width: 40%; height: 75px; float: left; } #copyright{ width: 30%; height: 75px; float: left; } /* *************** NAVIGATION ****************************** ************************************************************/ nav{ width: 100%; height: 60px; background-color: #090909; float: left; }[/code] Ich hoffe, damit kann man etwas anfangen. Ansonsten könnte ich die Seite irgendwo hochladen? Beste Grüße! [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?