T
Thissen
Member
- Beiträge
- 5
- Punkte Reaktionen
- 0
Hallo in die Runde,
Ich möchte den Button zur Person witer nach links positionieren. Baer er ist irgendwoe mit dem Bild verbunden, obwohl es nichts damir zu tuen hat.
Die HTML und CSS Datei füge ich bei
Danke für Eure Hilfe
HTML Datei
-------------------------------------------------------------------------------------------------------
CSS Datei
Christoph
Ich möchte den Button zur Person witer nach links positionieren. Baer er ist irgendwoe mit dem Bild verbunden, obwohl es nichts damir zu tuen hat.
Die HTML und CSS Datei füge ich bei
Danke für Eure Hilfe
HTML Datei
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Di, 10 Jan 2023 16:41:32 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Christoph Thißen</title>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<link href="start.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="format.css"> -->
</head>
<body>
<h1>
<div id="bereich">
<b>Willkommen auf meiner Internetseite <br />
</div>
<div id="bereich_1">
Ihr Ansprechpartner für Konstruktion und technische Dienstleistungen
</h1>
<div id="bereich_2">
<img src="Druckluftmotor.jpg" with "200" height="400";
</div>
<!-- Ende des Bildes -->
<p>
<b>
<a href="Person.htm" class="link-button">Zur Person</a>
<!--
<a href="Kenntnisse.htm" class="link-button">Kenntnisse</a>
<a href="Kenntnisse.htm" class="link-button">Dienstleistungen</a>
<a href="Referenzen.htm" class="link-button">Referenzen</a>
-->
</body>
</html>-------------------------------------------------------------------------------------------------------
CSS Datei
CSS:
/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body {background-color: #837A7A;}
h1 {color:#80FF80;
font-famly:arial
font-size:30px; }
#bereich {
border-left: 500px;
margin-top: 60px;
margin-left: 600px;
width : 900px;
height: 100px;
}
#bereich_1 {
margin-left: 300px;
width : 1900px;
height: 90px;
}
#bereich_2 {
margin-top: auto;
margin-left: 650px;
width : 1900px;
height: 150px;
}
.link-button {
margin-top:200PX;
margin-left:0px;
padding:0.3em 0.5em;
border:solid;
border-radius:10px;
background-color:#56777E;
color:black;
font-size:19px;
text-decoration:none;
cursorpointer;
}Christoph
Zuletzt bearbeitet von einem Moderator: