So, also, bis eben gerad wurde das Design (Code und Screen folgen unten) richtig angezeigt. Doch jetzt ist es ziemlich verschoben. Ich habe glaube ich irgend einen kleinen fehler im Code gemacht, den ich aber nicht finde.
Hier könnt ihr sehen, wie es richtig aussehen soll: http://willi.emenace.com/ekl/index.html
Und hier der Screen wie es bei mir momentan aussieht(Die Navi ist nicht de rFehler, ich weiß, das sie 2Zeilig ist;-)):
Das hier ist der Code:
Code: <!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=iso-8859-1" />
<title>evangelische Kirche Lorsbach - Start</title>
<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
margin:20px;
padding:0;
color:#333333;
background-color:#472a5a;
font-family:Arial, Helvetica, sans-serif;
}
a.imprint:link, a.imprint:visited, a.imprint:active {
color:#333333;
}
a.imprint:hover {
color:#ff99ff;
text-decoration:underline;
}
a{color: #333333;}
a:visited{color: #333333;}
a:hover{color: #333333;}
#page {
color:#333333;
background-color:#FFFFFF;
margin: auto;
width:756px;
padding: 0px;
}
#nav {
background-color: transparent;
background-image:url(http://img.webme.com/pic/m/meinepersoenlichetestseite/navbg.jpg);
height:23px;
max-height:22px;
padding-left:16px;
padding-top:9px;
}
#footer {
background-color: transparent;
background-image:url(http://img.webme.com/pic/m/meinepersoenlichetestseite/footer.png);
height:28px;
width:756px;
margin:0 auto;
clear:left;
}
#footertext {
font-size:12px;
padding-top:8px;
font-weight:bold;
text-align:center;
}
.menu {
font-weight:bold;
color:#ffffff;
font-size:15px;
border-left: #472a5a 5px solid;
padding-left:3px;
float:left;
padding-right:25px;
}
.menu:active, a:focus, a:link, a:visited, a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
.menu:hover {
color:#472a5a;
font-weight:bold;
text-decoration:none;
border-left: #ffffff 5px solid;
}
#box1 {
background-color:#FFFFFF;
color: #333333;
border: 1px solid #cccccc;
margin-top:10px;
margin-left:12px;
float:left;
width:70%;
display:inline;
}
.box2 {
background-color:#FFFFFF;
border: 1px solid #cccccc;
margin-top:10px;
margin-right:12px;
margin-left:8px;
margin-bottom:3px;
padding-bottom:10px;
float:left;
width:25%;
display:inline;
}
.content {
padding-top:5px;
padding-left:12px;
text-decoration:underline;
font-size:20px;
font-family:"Times New Roman", Times, serif;
}
.content2 {
padding-top:5px;
padding-right:12px;
text-decoration:none;
font-size:20px;
font-family:"Times New Roman", Times, serif;
text-align:right;
}
.archiv {
text-align:right;
padding-right:12px;
}
a.archivclass:active, a.archivclass:link, a.archivclass:visited {
color:#333333;
text-decoration:underline;
font-size:14px;
font-family:"Times New Roman", Times, serif;
text-align:right;
}
a.archivclass:hover {
color:#ff99ff;
text-decoration:underline;
font-size:14px;
font-family:"Times New Roman", Times, serif;
text-align:right;
}
.links {
text-align:right;
padding-right:12px;
}
a.linksclass:active, a.linksclass:link, a.linksclass:visited {
color:#333333;
text-decoration:underline;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
}
a.linksclass:hover {
color:#ff99ff;
text-decoration:underline;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
}
p {
padding-left:12px;
padding-right:6px;
font-size:12px;
}
h3 {
padding-left:12px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}
-->
</style>
</head>
<body>
<div id="page">
<div id="head"><img src="http://img.webme.com/pic/m/meinepersoenlichetestseite/head.png" alt="head" /></div>
<div id="nav">
<div class="menu"><a href="Start.html">Start</a></div>
<div class="menu"><a href="Wir-ueber-uns.html">Über uns</a></div>
<div class="menu"><a href="Aktuelles.html">Aktuelles</a></div>
<div class="menu"><a href="Kinder.html">Kinder</a></div>
<div class="menu"><a href="Jugend.html">Jugend</a></div>
<div class="menu"><a href="Senioren.html">Senioren</a></div>
<div class="menu"><a href="Projekte.html">Projekte</a></div>
<div class="menu"><a href="Was-tun-wenn.html">Was tun wen,..</a></div>
</div>
</div>
<div id="box1">
<h3>Start</h3>
<p><div style="text-align: center;"><img src="http://www.ek-lorsbach.de/Bilder/Tuermov.gif" alt="" /><br />
<br />Die ev. Kirchengemeinde in Lorsbach gibt es seit 1524. Die erste Kapelle stand um 1000 im Kirchspiel Lorsbach/Langenhain, sie wurde 1551 durch eine neue Kapelle ersetzt. Die jetzige Kirche wurde 1768 gebaut.
Die Geschichte der Evangelischen Kirche in Lorsbach finden Sie hier: <a href="http://www.ek-lorsbach.de/Kirchengeschichte.pdf"><font color="#333333">Kirchengeschichte</font></a>.
Wenn Sie weiteres über Lorsbach wissen wollen, finden Sie dies im <a href="http://www.hgv-lorsbach.de"><font color="#333333">Heimat- und Geschichtsverein Lorsbach</font></a>.</p>
</div>
</div>
<div class="box2">
<div class="content2"></div>
<div style="text-align: center;"><strong>
LASS DIESEN
TEMPEL
GOTT DER
ANDACHD
OFFEN
STEHN
UND SPATHE
ENCKEL IHN
NACH
TAUSEND
JAHREN
SEHN<br />
<br />Anno 1768<br />
<br />Dies steht über dem Eingangsportal unserer Kirche.</strong>
</div>
</div>
<div class="box2">
<div class="content2">nützliche Links</div>
<div class="links"><a class="linksclass" href="http://www.mtk.org" target="_blank">Main-Taunus-Kreis</a><br/></div>
<div class="links"><a class="linksclass" href="http://www.hofheim.de/themen/Startseite/" target="_blank">Stadt Hofheim am Taunus</a><br/></div>
<div class="links"><a class="linksclass" href="http://www.ekd.de" target="_blank">Evangelische Kirche in Deutschland</a><br/></div>
<div class="links"><a class="linksclass" href="http://www.ekhn.de" target="_blank">Evangelische Kirche in Hessen und Nassau</a><br/></div>
<div class="links"><a class="linksclass" href="http://www.dekanat-kronberg.de" target="_blank">Dekanat Kronberg</a><br/></div>
<div class="links"><a class="linksclass" href="http://www.lorsbach-online.de" target="_blank">Lorsbach Online</a><br/></div>
<div class="links"><a class="linksclass" href="http://www.hgv-lorsbach.de" target="_blank">Heimat- und Geschichtsverein Lorsbach</a><br/><br /></div>
</div>
<div class="box2">
<div style="text-align: center;"><strong>Unsere Kirche ist immer offen
bitte kommen Sie herein</strong></div>
</div>
</div>
<div id="footer"><div id="footertext"><a href="Impressum.html">Impressum</a> | <a href="wir-ueber-uns.html">Kontakt</a></div></div>
</div>
<div> </div>
</body>
</html>
Zuletzt bearbeitet von slackline am 15.05.2009, 19:11, insgesamt einmal bearbeitet
|