V
volli85
Guest
Hallo, fange gerade an mit Dream Weaver zu arbeiten, doch jetzt möchte ich die Hintergrundfarbe ändern, aber an manchen Stellen bekomm ich das nicht hin. Vielleicht seh ich nur den Wald vor lauter Bäumen nicht.
(Ich habe eine Vorlage verwendet und links ein spry akkordion eingefügt.
Hab einfach mal ein Bild dazu gemacht
Danke schon mal.
Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Content-Type" content="text/html; charset=UTF-8">
<title>VFB-Dehlitz</title>
<link href="index.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<style type="text/css">
/* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
.twoColHybLt #sidebar1 { padding-top: 30px; }
.twoColHybLt #mainContent { zoom: 1; padding-top: 15px; }
/* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die gegebenenfalls zur Verhinderung verschiedener Fehler erforderlich ist. */
</style>
<![endif]-->
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">
<!--
body {
background-color: #00CC33;
}
.Stil3 {color: #000000}
-->
</style></head>
<body class="twoColHybLt Stil3">
<div id="container">
<div id="sidebar1">
<h3> </h3>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Mannschaftsinfos</div>
<div class="AccordionPanelContent">
<p>1.Männermanschaft</p>
<p>2.Männermanschaft </p>
<p>Fotos</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Termine</div>
<div class="AccordionPanelContent">
<p>Ansetzungen</p>
<p>Training</p>
<p>Veranstaltungen</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Neue Mitglieder</div>
<div class="AccordionPanelContent">
<p>Bewerbung</p>
<p>Fragen?</p>
<p>Voraussetzungen</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Ergebnisse</div>
<div class="AccordionPanelContent">
<p><a href="http://www.saalekicker.de/main.php?t_haupt=8&t_unter=0" title="Saalekicker.de" target="http://www.saalekicker.de/main.php?t_haupt=8&t_unter=0">1.Männermanschaft</a></p>
<p><a href="http://www.saalekicker.de/main.php?t_haupt=11&t_unter=1" title="Saalekicker.de" target="http://www.saalekicker.de/main.php?t_haupt=8&t_unter=0">2.Männermanschaft</a></p>
<p>Spielberichte</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Sportlerheim</div>
<div class="AccordionPanelContent">
<p>Grundriss</p>
<p>Fotos</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Vereinsgeschichte</div>
<div class="AccordionPanelContent">Inhalt 7</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Kontakt</div>
<div class="AccordionPanelContent">
<p>Email</p>
<p>Anfahrtsbeschreibung</p>
<p> </p>
</div>
</div>
<!-- end #sidebar1 -->
</div>
<p> </p>
</div>
<div id="mainContent">
<h1> Hauptinhalt </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2-Überschrift </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<p> </p>
<!-- end #mainContent --></div>
<!-- Dieses clear-Element sollte direkt auf das #mainContent-div folgen, um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen. -->
<br class="clearfloat" />
<!-- end #container --></div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>
(Ich habe eine Vorlage verwendet und links ein spry akkordion eingefügt.
Hab einfach mal ein Bild dazu gemacht
Danke schon mal.
Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Content-Type" content="text/html; charset=UTF-8">
<title>VFB-Dehlitz</title>
<link href="index.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<style type="text/css">
/* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
.twoColHybLt #sidebar1 { padding-top: 30px; }
.twoColHybLt #mainContent { zoom: 1; padding-top: 15px; }
/* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die gegebenenfalls zur Verhinderung verschiedener Fehler erforderlich ist. */
</style>
<![endif]-->
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">
<!--
body {
background-color: #00CC33;
}
.Stil3 {color: #000000}
-->
</style></head>
<body class="twoColHybLt Stil3">
<div id="container">
<div id="sidebar1">
<h3> </h3>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Mannschaftsinfos</div>
<div class="AccordionPanelContent">
<p>1.Männermanschaft</p>
<p>2.Männermanschaft </p>
<p>Fotos</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Termine</div>
<div class="AccordionPanelContent">
<p>Ansetzungen</p>
<p>Training</p>
<p>Veranstaltungen</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Neue Mitglieder</div>
<div class="AccordionPanelContent">
<p>Bewerbung</p>
<p>Fragen?</p>
<p>Voraussetzungen</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Ergebnisse</div>
<div class="AccordionPanelContent">
<p><a href="http://www.saalekicker.de/main.php?t_haupt=8&t_unter=0" title="Saalekicker.de" target="http://www.saalekicker.de/main.php?t_haupt=8&t_unter=0">1.Männermanschaft</a></p>
<p><a href="http://www.saalekicker.de/main.php?t_haupt=11&t_unter=1" title="Saalekicker.de" target="http://www.saalekicker.de/main.php?t_haupt=8&t_unter=0">2.Männermanschaft</a></p>
<p>Spielberichte</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Sportlerheim</div>
<div class="AccordionPanelContent">
<p>Grundriss</p>
<p>Fotos</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Vereinsgeschichte</div>
<div class="AccordionPanelContent">Inhalt 7</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Kontakt</div>
<div class="AccordionPanelContent">
<p>Email</p>
<p>Anfahrtsbeschreibung</p>
<p> </p>
</div>
</div>
<!-- end #sidebar1 -->
</div>
<p> </p>
</div>
<div id="mainContent">
<h1> Hauptinhalt </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2-Überschrift </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<p> </p>
<!-- end #mainContent --></div>
<!-- Dieses clear-Element sollte direkt auf das #mainContent-div folgen, um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen. -->
<br class="clearfloat" />
<!-- end #container --></div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>
Zuletzt bearbeitet von einem Moderator: