Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Kroarr" data-source="post: 1784595" data-attributes="member: 419137">AW: Anfängerin sucht Hilfe für CSS/HTMLServus,ich habe mal schnell, schnell was gemacht. Vielleicht kannst Du es brauchen, vielleicht auch nicht <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />Bin auch kein Profi, aber vielleicht konnte ich ja doch ein bisschen helfen.[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;Erichsen OHG - Startseite&lt;/title&gt;&lt;link rel=&quot;Stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;media=&quot;screen&quot; /&gt;&lt;link rel=&quot;Stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/ErichsenOHGprint.css&quot; media=&quot;print&quot; /&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;container&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;banner&quot; &gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;img&nbsp; src=&quot;images/Hausmitte.png&quot; alt=&quot;&quot; title=&quot;&quot;/&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;&lt;h1&gt;Erichsen OHG&lt;/h1&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;linie&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;left&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;Navigation&quot;&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Startseite&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Leistungen&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Angebote&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Bauvorschläge&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Bauvorschlag 1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Bauvorschlag 2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Bauvorschlag 3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Referenzobjekte&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp;&nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Referenz 1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Referenz 2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Referenz 3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;right&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &lt;!-- end menu right --&gt;&nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Herzlich Willkommen auf der Homepage der Erichsen-OHG, Bauunternehmen.&lt;/h2&gt; &lt;p&gt;&nbsp; &nbsp; Wir freuen uns, dass Sie unsere Internet-Präsenz besuchen. Als modernes Unternehmen wollen wir Sie gerne auch online mit allen Informationen rund um unsere Angebote versorgen.&lt;/p&gt;&lt;p&gt;Sie erreichen uns telefonisch unter 0461 / 4 61 45 und per Telefax unter 0461 / 4 65 21. Natürlich freuen wir uns auch über eine E-Mail von Ihnen, die Sie an diese Adresse senden können: erichsen-flensburg@t-online.de.&lt;/p&gt;&lt;p&gt;Wenn Sie unser Unternehmen noch gar nicht kennen, und erst im Internet von uns erfahren haben: Wir würden uns freuen, von Ihnen zu hören! Bitte lassen Sie uns Ihre Wünsche und Fragen wissen, gerne beraten wir Sie ausführlich.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp;&nbsp; &lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML][CODE]body {background:url(images/Background.png);background-size:cover;-moz- background-size:cover;-o-background-size:cover; -webkit-background-size:cover;-khtml-background-size:cover;background-color:black;font-size: 11px;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:#564b47;padding:0;margin:0;}h1 {font-family:Cooper Std;font-size:15px;color:#dc340a;padding:5px 15px;margin:0&nbsp;}h2 {font-family:Cooper Std;margin-bottom:15px;}/* ----------container zentriert das layout-------------- */#container {width: 1024px;margin-bottom: 10px;margin:0 auto;background-color: white;}/* ----------banner for logo-------------- */#banner {position:relative;text-align:center;background-color:white;height: 322px;padding: 0px;margin: 0 auto;overflow:hidden;}#logo{position:relative;width:171px;top:-40px;left:0px;font-size:20px;z-index:2;}#linie{position:absolute;top:310px;width: 1024px;height: 12px;background-image:url(images/Linie.png);z-index:3;} /* -----------------Inhalt--------------------- */#content {position:relative;top:-80px;background-color: #ffffff;text-align:center;padding: 50 0;margin: 0 171px;border:1px solid grey;-moz-border-radius:15px;border-radius:15px;z-index:4;}div#content { min-height:600px;}p, pre{padding: 5px 10px;margin:0;}/* --------------left navigavtion------------- */#left {float: left;width: 171px;margin: 0px;padding: 0px;}ul#Navigation {&nbsp; &nbsp; width: 171px;&nbsp; &nbsp; margin: 0; padding: 10px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }ul#Navigation li {&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; margin: 2px; padding: 0;&nbsp; }ul#Navigation li ul {&nbsp; &nbsp; margin: 0 0 0 8px; padding: 0;&nbsp; }ul#Navigation li ul li {&nbsp; &nbsp; margin: 10 0;&nbsp; }&nbsp; &nbsp; ul#Navigation a {&nbsp; &nbsp; display:block;&nbsp; &nbsp; padding: 4px;&nbsp; &nbsp; text-decoration: none; font-weight: bold;&nbsp; &nbsp; font-size: 14px;&nbsp; &nbsp; color: grey; &nbsp; }&nbsp; &nbsp; ul#Navigation a:hover {&nbsp; &nbsp; color:#dc340a; &nbsp; }/* --------------right navigavtion------------- */#right {&nbsp; &nbsp; float: right;&nbsp; &nbsp; width: 171px;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;}/* -----------footer--------------------------- */#footer {clear: both;margin: 0px;padding: 0px;text-align: right; }[/CODE]</blockquote>

[QUOTE="Kroarr, post: 1784595, member: 419137"] [b]AW: Anfängerin sucht Hilfe für CSS/HTML[/b] Servus, ich habe mal schnell, schnell was gemacht. Vielleicht kannst Du es brauchen, vielleicht auch nicht ;) Bin auch kein Profi, aber vielleicht konnte ich ja doch ein bisschen helfen. [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Erichsen OHG - Startseite</title> <link rel="Stylesheet" type="text/css" href="style.css"media="screen" /> <link rel="Stylesheet" type="text/css" href="css/ErichsenOHGprint.css" media="print" /> </head> <body> <div id="container"> <div id="banner" > <img src="images/Hausmitte.png" alt="" title=""/> </div> <div id="logo"><h1>Erichsen OHG</h1></div> <div id="linie"></div> <div id="left"> <ul id="Navigation"> <li><a href="#Beispiel">Startseite</a></li> <li><a href="#Beispiel">Leistungen</a></li> <li><a href="#Beispiel">Angebote</a></li> <li><a href="#Beispiel">Bauvorschläge</a></li> <ul> <li><a href="#Beispiel">Bauvorschlag 1</a></li> <li><a href="#Beispiel">Bauvorschlag 2</a></li> <li><a href="#Beispiel">Bauvorschlag 3</a></li> </ul> <li><a href="#Beispiel">Referenzobjekte</a></li> <ul> <li><a href="#Beispiel">Referenz 1</a></li> <li><a href="#Beispiel">Referenz 2</a></li> <li><a href="#Beispiel">Referenz 3</a></li> </ul> </ul> </div> <div id="right"> </div>  <div id="content"> <h2>Herzlich Willkommen auf der Homepage der Erichsen-OHG, Bauunternehmen.</h2> Wir freuen uns, dass Sie unsere Internet-Präsenz besuchen. Als modernes Unternehmen wollen wir Sie gerne auch online mit allen Informationen rund um unsere Angebote versorgen. Sie erreichen uns telefonisch unter 0461 / 4 61 45 und per Telefax unter 0461 / 4 65 21. Natürlich freuen wir uns auch über eine E-Mail von Ihnen, die Sie an diese Adresse senden können: erichsen-flensburg@t-online.de. Wenn Sie unser Unternehmen noch gar nicht kennen, und erst im Internet von uns erfahren haben: Wir würden uns freuen, von Ihnen zu hören! Bitte lassen Sie uns Ihre Wünsche und Fragen wissen, gerne beraten wir Sie ausführlich. </div> <div id="footer"></div> </div> </body> </html>[/HTML] [CODE]body { background:url(images/Background.png); background-size:cover; -moz- background-size:cover; -o-background-size:cover; -webkit-background-size:cover; -khtml-background-size:cover; background-color:black; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0; margin:0; } h1 { font-family:Cooper Std; font-size:15px; color:#dc340a; padding:5px 15px; margin:0 } h2 { font-family:Cooper Std; margin-bottom:15px; } /* ----------container zentriert das layout-------------- */ #container { width: 1024px; margin-bottom: 10px; margin:0 auto; background-color: white; } /* ----------banner for logo-------------- */ #banner { position:relative; text-align:center; background-color:white; height: 322px; padding: 0px; margin: 0 auto; overflow:hidden; } #logo { position:relative; width:171px; top:-40px; left:0px; font-size:20px; z-index:2; } #linie { position:absolute; top:310px; width: 1024px; height: 12px; background-image:url(images/Linie.png); z-index:3; } /* -----------------Inhalt--------------------- */ #content { position:relative; top:-80px; background-color: #ffffff; text-align:center; padding: 50 0; margin: 0 171px; border:1px solid grey; -moz-border-radius:15px; border-radius:15px; z-index:4; } div#content { min-height:600px; } p, pre{ padding: 5px 10px; margin:0; } /* --------------left navigavtion------------- */ #left { float: left; width: 171px; margin: 0px; padding: 0px; } ul#Navigation { width: 171px; margin: 0; padding: 10px; } ul#Navigation li { list-style: none; margin: 2px; padding: 0; } ul#Navigation li ul { margin: 0 0 0 8px; padding: 0; } ul#Navigation li ul li { margin: 10 0; } ul#Navigation a { display:block; padding: 4px; text-decoration: none; font-weight: bold; font-size: 14px; color: grey; } ul#Navigation a:hover { color:#dc340a; } /* --------------right navigavtion------------- */ #right { float: right; width: 171px; margin: 0; padding: 0; } /* -----------footer--------------------------- */ #footer { clear: both; margin: 0px; padding: 0px; text-align: right; } [/CODE] [/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?