Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.05.2009 um 18:10 (UTC)    
Titel: eben einen kleinen Fehler im code gemacht.

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>&nbsp;</div>
</body>
</html>


Danke im Vorraus, falls ihr den Fehelr findet,
Willi
______________
*klick* Hier das Bild, wo die-baukasten-typen für andere Anbieter Werbung machen


Zuletzt bearbeitet von slackline am 15.05.2009, 19:11, insgesamt einmal bearbeitet
Beitrag15.05.2009 um 18:47 (UTC)    
Titel:

Dein Problem ist total leicht ^^

Code:
width:70%;


Du hast mehrere Angaben in Prozente. Lass die Finger davon. Es gibt Dinge, in denen lohnt es sich, mit Prozenten zu arbeiten. Aber nicht im Design. Außer es ist 100% und beinhaltet auch keine Grafiken. Dann geht das. Aber 80% oder wie bei dir 70% kannst du vergessen. Also, anstatt % einfach px verwenden Wink Dann sollte es wieder funktionieren.
______________
LG André

GMMTS.de
Beitrag15.05.2009 um 18:54 (UTC)    
Titel:

ok, danke werds mal probieren, und wenns nicht klappt melde ich mich nochmal;-)

EDIT:

Hatte die Prozentwerte ausgetauscht, aber dann ist mir aufgefallen, das noch ein anderer FEhler drinn ist. Hatte nämlich statt einem "<div>" ein "</div>". Doch jetzt ist de rFehler immernoch nicht ganz behoben(siehe http://willi.emenace.com/ekl/Start.html für eine Live-Ansicht!). Jetzt sind die Boxen nämlich unterm content, und sie sollen ansich neben dem Content sein (siehe http://willi.emenace.com/ekl/index.html für dir Richtige Ansicht.). Liegt es noch an den Prozenten?
______________
*klick* Hier das Bild, wo die-baukasten-typen für andere Anbieter Werbung machen


Zuletzt bearbeitet von slackline am 15.05.2009, 20:11, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de