Lycanos
Guest
Aktives Mitglied
im weißen Bereich den Text zu machen und in dem grünen so eine Art Kontaktbox, damit man das direkt auf einen Blick hat? Die Grüne Fläche ist mittlerweile auch kleiner geworden.
mfg Waegi
/* HTML5 Boilerplate */
*{padding:0; margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #003d8f; color: #acd305; text-shadow: none; }
::selection { background: #003d8f; color: #acd305; text-shadow: none; }
a { color: #00e; text-decoration:none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
body {/*background:url(images/bg.png) center repeat; */ font: 1.4em Myriad Pro, Tahoma, sans-serif; margin:20px 0 50px 0;}
.container{width:1000px; margin:auto; height:1200px;}
h2{font-size:1.5em; color:#dd101d; text-transform:uppercase; font-weight:normal;}
h3{font-size:1.0em; color:#003d8f; font-weight:normal;}
p{font-size:0.7em; color:#353535; padding:10px 0 0 0; line-height:1.4em;}
#logo{width:283px; height:131px; padding:0 0 0 15px; position:absolute; z-index:20;}
#navi{background:#acd305; width:1000px; height:74px; position:absolute; z-index:1; margin:20px 0 0 0;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 0px 0px 15px -5px #000000;
-webkit-box-shadow: 0px 0px 15px -5px #000000;
box-shadow: 0px 0px 15px -5px #000000;}
#navi ul{margin:0 0 0 320px;}
#navi ul li a.active{background:#003d8f; color:#acd305;}
#navi ul li a{color:#003d8f; float:left; padding:24px 20px 22px 20px;}
#navi ul li a:hover{background:#003d8f; color:#acd305;}
#content{background:url(images/bg_content.png) no-repeat; width:1000px; height:723px; margin:170px 0 0 0; position:absolute;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 0px 0px 15px -5px #000000;
-webkit-box-shadow: 0px 0px 15px -5px #000000;
box-shadow: 0px 0px 15px -5px #000000;}
.left-col{float:left; padding:20px; width:600px;}
.right-col{float:right;}
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Späth Haustechnik - Aktuelles</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="style.css">
<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="wrapper" class="container">
<header>
<div id="logo">
<img src="images/logo.png" width="283" height="131" alt="Logo">
</div>
<nav id="navi">
<ul>
<li><a href="#" class="active">Aktuelles</a></li>
<li><a href="#">Über Uns</a></li>
<li><a href="#">Leistungen</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</header>
<div id="content">
<div class="left-col">
<article>
<h3>Herzlich Willkommen auf der Website von</h2>
<h2>Späth Haustechnik</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</article>
</div>
<div class="right-col">
<article>
</article>
</div>
</div>
<footer>
<div>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
</div>
</body>
</html>
undefined
... die der IE erst ab Version 9 kennt. Wenn du Probleme mit dem IE hast, dann sag mit welchem und es wäre auch von Vorteil das Ganze online zu stellen, so muss man das nicht erst nachbauen, zumal wir deine Hintergrundbilder sowieso nicht haben.Jdort war die Rede von einer sogenannten Pseudoklasse :root
Willkommen auf PSD-Tutorials.de
In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.
Nächster neuer Gratisinhalt
Statistik des Forums