T
Thissen
Member
- Beiträge
- 5
- Punkte Reaktionen
- 0
Hallo in die Runde
Ich möchte den Button "Zur Person " weiter links plazieren.
Aber Irgend wie hängt er mit dem Bild zusammen, obwohl das nicht miteinander zu tuen hat.
HHTML Datei
<!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
/* 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;
cursor
ointer;
}
Danke für Eure Hilfe
Christoph
Ich möchte den Button "Zur Person " weiter links plazieren.
Aber Irgend wie hängt er mit dem Bild zusammen, obwohl das nicht miteinander zu tuen hat.
HHTML Datei
<!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
/* 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;
cursor
ointer;}
Danke für Eure Hilfe
Christoph