Schönen guten Tag :)
Ich bin ein totaler HTML Neuling, bin eher von der C++ Fraktion
Es geht um folgendes, ich würde gerne einen Text wie in meinem Screendesign an diese Stelle bekommen, aber ich wüsste nicht wie. Könnte mir eventuell jemand helfen?
Tausend Dank im Voraus :)
HTML:
CSS:
Ich bin ein totaler HTML Neuling, bin eher von der C++ Fraktion
Es geht um folgendes, ich würde gerne einen Text wie in meinem Screendesign an diese Stelle bekommen, aber ich wüsste nicht wie. Könnte mir eventuell jemand helfen?
Tausend Dank im Voraus :)
HTML:
PHP:
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Salon Lifestyle by Sonja Nergiz</title>
<link rel="stylesheet" href="layout.css">
</head>
<body>
<header> <!-- Header -->
<p>Salon</p>
<div id="header_logo"><a href="#"><img src="Logo.png" alt="Logo"/></a></div>
</header> <!-- Header -->
<section id="page_1">
</section>
</body>
</html>CSS:
Code:
@charset "UTF-8";
/* ########################## TAGS ############################ */
body, html {margin: 0; padding: 0; width: 100%; height: 100%;}
/* ########################## TAGS ############################ */
/* ########################## Header ############################ */
header {width: 100%; height: 70px; position: fixed; background: black; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
#header_logo { width: 30%; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); margin:45px 0 0 0; }
#header_logo img { width: 100%;}
header p {padding: 0; color:white; font-family: sans-serif;font-size: 18px; float: right; width: 100%;margin-left: auto;margin-right: auto;}
/* ########################## Header ############################ */
/* ########################## Page ############################ */
#page_1 {width: 100%; height: 100%; background:url(68633191-salon-wallpapers.jpeg) no-repeat center center fixed; background-size: cover;}
/* ########################## Page ############################ */
