PraktikumAvatarec
Neues Mitglied
Ich würde das gerne so haben ,dass wenn ich mit meiner über einen der Navigationsleisten gehe dass einzelne Inhalte zu sehen sind. Als beispiel könnte man die Websiite "https://www.avatarec.de/" nehmen welche ich versuche nachzuprogrammieren einfach um es zu lernen. Ausserdem habe ich das Problem ,dass meine erstellte "Box" von links und rechts ein bisschen absteht!
Vielen Dank für jegliche Hilfe!
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AVATAREC Business Solutions GmbH: Systemhaus Hamm</title>
<meta name="description" content="Ein interaktiver Wegweiser für die ersten Schritte mit Brackets.">
<link rel="stylesheet" href="bereich.css">
</head>
<body id="body">
<body bgcolor="black">
<nav>
</nav>
<main class="scroll" id="content">
<div id="bereich">
<p style="margin-left:7cm">
<a href=[URL]https://www.avatarec.de/[/URL]><img src="[URL]https://www.avatarec.de/fileadmin/introduction/images/theme/Logo1.jpg[/URL]" alt="Bild" /></a>
<ul>
<font size="5">
<p style="margin-left:9cm">
<b>
<a href="loading.html" style="text-decoration:none; color:darkgrey">Home</a>       
<a href="loading.html" style="text-decoration:none; color:darkgrey">Info</a>       
<a href="loading.html" style="text-decoration:none; color:darkgrey">Über uns</a>       
<a href="loading.html" style="text-decoration:none; color:darkgrey">Datenschutz</a>       
<a href="loading.html" style="text-decoration:none; color:darkgrey">Partner</a>        
<a href="loading.html" style="text-decoration:none; color:darkgrey">Service</a>       
<a href="loading.html" style="text-decoration:none; color:darkgrey">Karriere</a>       
</b>
</p>
</font>
</ul>
</div>
<font color="black">
<div class="item" id="info">
<div id="inhalt">
<center><img src="[URL]https://www.avatarec.de/fileadmin/_processed_/e/7/csm_tropfen_test_2f253c7f52.jpg[/URL]" align="middle" height="300" width="1230"></center> <p>
<h1 class="title" id="home">
<p style="margin-left:9cm"> AVATAREC – für den Datenfluss
</h1>
<p style="margin-left:9cm">
<font size="4"><b><i>Im Wasser</i></b> bleibt alles im Fluss – von der Quelle bis zur Mündung.
Das Geheimnis des Wassers: Es besteht aus einem gut funktionierenden Netz.<br>
Die Natur macht es uns vor, wie es geht, und wir setzen es im IT-Bereich um – auf unsere Weise und für Ihre Ansprüche. <br>
Damit Informationen und Daten reibungslos fließen, schafft unser Experten-Team Komplettlösungen für die Planung von Unternehmensressourcen (ERP)<br> und EDV-Netzwerke.<p>
<p style="margin-left:9cm">
<b><i>Wir stellen</i></b> hohe Ansprüche an das EDV-Netz: Es soll wie das Wasser oberflächenstabil und dennoch flexibel sein. Sie wünschen sich ein solches Netzwerk? <br>
Dann kommen Sie ganz unverbindlich mit uns ins Gespräch! <p>
<p style="margin-left:9cm">
<i><b>Verlass muss sein</i></b>. Deshalb setzen wir auf Qualität und bewährte Produkte. <br>
Als Certified Partner von Microsoft Dynamics NAV und Partner von Fujitsu Technology Solutions sowie dem Archivsystemanbieter Windream kann<br> AVATAREC seinen Kunden maximalen Service bieten.</font>
<div class="wrapper-horizontal">
<font color="white">
<div class="item-REGISTER" id="sign-in">
<div id="bereich">
<div class="item-CONTACT">
<hr>
<p style="margin-left:9cm">
<font size="4">
AVATAREC Business Solutions GmbH                                                           Tel: 02385 46292 0                                                                  
Support <br>
Oberster Kamp 1c                                                                                             Fax: 02385 46292 99                                                              
  <a href="support.exe" style="text-decoration:none; color:white">Teamviewer</a>                                                                                                       59069-Hamm                                                                                                  
<a href="[EMAIL][email protected][/EMAIL]" style="text-decoration:none; color:white">Mail: [EMAIL][email protected][/EMAIL]</a>                                                              <a href="[URL]https://www.avatarec.de/ueber-uns/impressum/[/URL]" style="text-decoration:none; color:white">Impressum</a>
</div>
</div>
<div class="item" id="sponsoren">
</div>
</main>
</body>
</html>
CSS:
#bereich {
background-color: black;
width: 100%;
height: 100%;
border-bottom: 2px lightgrey solid;
}
#inhalt {
background-color: darkgrey;
width: 100%;
height: 100%;
}Vielen Dank für jegliche Hilfe!
Zuletzt bearbeitet:
