Noch nicht viel geschrieben
Also ich habe ein Problem..eigentlich habe ich zwei xD... Ich soll für die Uni eine CSS-basierte HP erstellen, die HTML-Datei dürfen wir nicht verändern...so bin auch schon gut vorangekommen denke ich, aber bei mir wollen sich die Boxen einfach nicht verschieben, mit padding klappt es zwar anscheinend, allerdings nur im Programm im Browser sieht es wieder ganz anders aus -.- und mit position bewegt sich gar nichts -.- ich weiß einfach nicht wie ich das hinbekomme =(
<<dazugehöriges Layout, #vers1 und 2 sollen eben im Spiegel stehen und die Überschrift auf dem Block...aber wie gesagt es bewegt sich nichts oder komplett flasch
<<dazugehöriges Layout, #vers1 und 2 sollen eben im Spiegel stehen und die Überschrift auf dem Block...aber wie gesagt es bewegt sich nichts oder komplett flasch
Code:
body {
background-color: #584E3F;
background-image: url(design.png);
background-repeat: no-repeat;
}
#wrapper {
text-align:left;
padding-top:200px;
padding-right:0px;
padding-bottom:30px;
padding-left:580px;
}
#navigation ul li ul {
display: none;
}
#navigation {
padding-bottom:40px;
}
#navigation a {
color: #d5b76c;
text-decoration:none;
float:left;
padding-right:40px;
}
#vers1 {
font-size: 12px;
text-align: center;
padding-top: 40px;
height: 240px;
}
#vers2 {
font-size: 12px;
text-align:center;
}
.chor {
font-style: italic;
}
.intitiale {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
color: #000000;
}
.text {
}
h1 {
font-family: "Courier New", Courier, monospace;
font-size: 40px;
font-style: normal;
font-weight: bolder;
color: #000000;
}
Code:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ode an die Freude · Friedrich Schiller</title>
<link href="ode.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1>An die Freude.</h1>
<div id="vers1">
<div class="text">
<p><span class="intitiale">F</span>reude, schöner Götterfunken,<br />
Tochter aus Elisium,<br />
Wir betreten feuertrunken,<br />
Himmlische, dein Heiligthum.<br />
Deine Zauber binden wieder,<br />
Was die Mode streng getheilt,<br />
Alle Menschen werden Brüder,<br />
Wo dein sanfter Flügel weilt.</p>
</div>
<div class="chor">
<p>Seit umschlungen Millionen!<br />
Diesen Kuß der ganzen Welt!<br />
Brüder überm Sternenzelt<br />
Muß ein lieber Vater wohnen.</p>
</div>
</div>
<div id="vers2">
<div class="text">
<p><span class="intitiale">W</span>em der große Wurf gelungen,<br />
Eines Freundes Freund zu seyn,<br />
Wer ein holdes Weib errungen,<br />
Mische seinen Jubel ein!<br />
Ja – wer auch nur eine Seele<br />
Sein nennt auf dem Erdenrund!<br />
Und wer’s nie gekonnt, der stehle<br />
Weinend sich aus diesem Bund!</p>
</div>
<div class="chor">
<p>Was den großen Ring bewohnet,<br />
Huldige der Sympathie!<br />
Zu den Sternen leitet sie,<br />
Wo der Unbekannte thronet.</p>
</div>
</div>
<div id="navigation">
<ul>
<li><a href="seite2.html">Verse 3 bis 5</a></li>
<li><a href="seite3.html">Verse 6 bis 8</a></li>
<li><a href="http://www.bonneberg.com/index.php?id=57">Weitere Darstellungen</a></li>
</ul>
</div>
</div>
</body>
</html>
Zuletzt bearbeitet:
