Halloo liebe HTML-Kollegen !
Ich arbeite die Videos vom Axel durch und plag mich da schon eine Weile mit dem Liquid Design (den Säulenbauten) herum.
Mir will es nicht gelingen, an das Säulenbild im Kopfbereich die Himmelverlängerung anzuhängen.
Im Kopf soll dann auch das Motto rechts mit eine entspechendem Padding zu sehen sein.
Wenn sich bitte jemand meinem Problem annehmen könnte:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link href="css.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="kopf">
<!-- <div id="verlaengerung"></div> -->
<p class="motto">Säulenbauten des 20. Jahrhunderts</p>
</div>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CSS:
#kopf
{ height: 150px;
background-image: url(bilder/hg-saeulen.jpg);
background-repeat: no-repeat;
}
.motto
{ text-align: right;
color: white;
padding: 20px;
font-size: 2em;
}
#verlaengerung
{ height: 150px;
background-image: url(bilder/hg-himmel-verlaengerung.jpg);
background-repeat: repeat-x;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
So weit meine "Vorleistung".
Ich bitte schuldlos um Hilfe