Puhh, also dein Design ist ja wirklich eine tolle Eigenkreation
Also ich habs jetzt mal versucht einigermaßen zu korrigieren (komische Tabellen entfernt), und dabei auch alles bündig gemacht, wenn dir das nicht gefällt, kannst du gerne an den Werten spielen, sollte jetzt zumindest einfacher gehen als vorher.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8"/>
<title>Fischerfreunde Haimhausen e.V.</title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="include/designs/aonl/style.css" type="text/css">
<link rel="stylesheet" href="include/designs/aonl/style2.css" type="text/css">
<link rel="stylesheet" href="include/designs/aonl/navi.css" type="text/css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text\/javascript" src="js\/1.7.2.jquery.min"><\/script>')</script>
<!-- <script src="lightbox/js/lightbox.js"></script> -->
<script src="js/prefixfree.min.js"></script>
<script src="js/jquery.slides.min.js"></script>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="description" content="Fischen und angeln in und um Haimhausen. In Weiher und Fliessgewaesser sind Hecht, Zander, Forelle, Barsch, Waller, Karpfen, Schlei, Aal und andere Fischarten anzutreffen">
<!-- <link rel="stylesheet" type="text/css" href="include/designs/aonl/dropdown_one.css" /> -->
<!--START SIMPLEVIEWER EMBED.-->
<!-- END SIMPLEVIEWER EMBED -->
<!-- END SIMPLEVIEWER EMBED -->
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<!-- ENDE -->
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="include/extras/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("table#galimages a").fancybox(
{
'zoomSpeedIn': 800,
'zoomSpeedOut': 500,
'zoomSpeedChange': 800,
'zoomOpacity': 0.5,
'overlayOpacity': 0.5,
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack',
'overlayShow': true
}
);
$("div#bbvideo a").fancybox(
{
'zoomSpeedIn': 800,
'zoomSpeedOut': 500,
'zoomSpeedChange': 800,
'zoomOpacity': 0.5,
'overlayOpacity': 0.5,
'overlayShow': true
}
);
});
</script>
<script type="text/javascript">
var i = 0;
info_string='<?php echo $string; ?>';
infos = info_string.split("|");
function anzeigen()
{
if (i < infos.length)
{
document.getElementById('ausgabe').innerHTML = infos[i];
i++;
setTimeout('anzeigen()', 2000);
}
else
{
i = 0;
document.getElementById('ausgabe').innerHTML = infos[i];
i++;
setTimeout('anzeigen()', 2000);
}
}
anzeigen();
</script>
</head>
<body>
<div id="wrapper">
<!-- Begin des Header mit Lgo, Hintergrunfbild Logoschrift -->
<div id="parent">
<div id="child_1"></div>
<!-- Hier das Logo -->
<div id="child_2">
<img src="include/designs/aonl/Bilder/wappen2.png" border="0" alt="Wappen">
</div>
<div id="vereinschrift">
<h1>{SITENAME}</h1>
</div>
</div>
<!-- Ende des Header -->
<div id="navi">
{_list_menunr5@%2}
</div>
<!-- Begin Koerper -->
<div id="koerper">
<!-- ab hier Zelle fuer die linke Spalte -->
<div id="box_left">
{_list_menunr5sub@
<table width="155" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="155" height="28" class="boxhead3">
<hr> %1<hr>
</td>
</tr>
<tr>
<td width="155">
%2
</td>
</tr>
<tr>
<td width="120" height="0" background="include/designs/aonl/Bilder/blau_11.png">
</td>
</tr>
</table>}
{_list_menunr3@
<table width="155" border="0" cellpadding="0" cellspacing="2" background="include/designs/aonl/Bilder/blau_06.png">
<tr>
<td width="170" height="15" class="boxhead3">
<hr> %1<hr>
</td>
</tr>
<tr>
<td width="155">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="2" class="boxhead2">
</td>
<td class="boxhead2">
%2
</td>
<td width="2" class="boxhead2">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="155" height="0" background="include/designs/aonl/Bilder/blau_11.png">
</td>
</tr>
</table>}
</div>
<!-- ab hier Zelle fuer den Inhalt -->
<div id="content">
<div class="news1">
<center>{_boxes_TICKER}</center>
{HMENU}
</div>
<hr />
{EXPLODE}
</div>
</div>
<!-- Ende Bereich Koerper -->
<!-- ImpressumsZeile am Ende der Seite -->
<div id="fussbereich">
<a href="?impressum">Impressum</a> .
<a href="?startside">Startside</a> .
<a href="?contact">Kontakt</a> .
<a href="?datenschutzerklaerung">Datenschutzerklärung</a><br /><!-- Gut Körner, Bio Mahlzeit -->
</div>
</div> <!-- Ende Haupttabelle wrapper -->
<br style="clear: both;" />
</body>
</html>
<!-- {_list_menupunkt@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" href="%2">%3</a>|</li>|<ul>|</ul></li>}
{_list_hmenubegi@<ul id="css3menu">}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->
#navi {
border: 0 none;
float: none;
left: 5px;
position: relative;
z-index: 0;
background: #00ff00 none repeat scroll 0 0;
height: 30px;
width: 930px;
}
ul#css3menu {
padding: 1px 1px 1px 0;
display: block;
}
ul#css3menu ul {
display: none;
position: absolute;
left: -1px;
top: 98%;
padding: 0 1px 1px;
background: #00ff00 none repeat scroll 0 0;
}
ul#css3menu > li > a {
text-align: center;
}
ul#css3menu li:hover > * {
display: block;
}
ul#css3menu li:hover {
position: relative;
}
ul#css3menu ul ul {
position: absolute;
left: 98%;
top: -2px;
}
ul#css3menu, ul#css3menu ul {
margin: 0;
list-style: none;
}
ul#css3menu li {
display: block;
white-space: nowrap;
float: left;
}
ul#css3menu > li, ul#css3menu li {
margin: 0 0 0 1px;
}
ul#css3menu ul > li {
margin: 1px 0 0;
}
ul#css3menu a:active, ul#css3menu a:focus {
outline-style: none;
}
ul#css3menu a {
display: block;
vertical-align: middle;
background-color: lime;
text-align: left;
text-decoration: none;
padding: 5px 10px;
color: #000;
font-size: 1.188em;
font-weight: bolder;
cursor: default;
min-width: 80px;
}
ul#css3menu ul li {
float: none;
}
ul#css3menu ul a {
text-align: left;
}
ul#css3menu li:hover > a {
background-color: #FFFF80;
}
Da ich die tolle style.css nicht abändern wollte, hier nur der Teil, den du in der Datei unten anfügen solltest.
/* Anpassungen von Mairu */
body {
font-size: 12px; /* weil tabelle wegfällt */
}
#child_2 img {width: 150px;}
#parent {
height: 180px;
top: 10px;
}
#wrapper {
padding: 0 10px;
width: 935px;
}
#koerper {
display: table;
width: 930px;
margin-top: 0;
padding: 3px 0 0 5px;
}
#koerper #box_left {
display: table-cell;
width: 155px;
}
#koerper #content {
padding-left: 10px;
display: table-cell;
}
Ich hab jetzt nicht alle Fehler entfernt, z.B. sind einige Dateien auf deinem Webspace nicht vorhanden, und es werden Fehler im Browser geworfen:
Javascriptdateien aus den Zeilen 14 und 15.
Auch das Javascript zwischen den Zeilen 63 bis 85 sollte denke ich besser entfernt werden, da es für einen Fehler sorgt und glaube ich keinen Nutzen hat?
Hier mal die Fehler, die mein Browser wirft:
Zitat
Da ich es nur lokal mit meinen Dateien testen konnte, kann ich jetzt nicht mit Sicherheit sagen, dass es bei dir dann 100%ig passt.
Ich hoffe du weißt meinen Aufwand zu schätzen
Zuletzt modifiziert von Mairu am 09.03.2016 - 05:52:00
