nicht angemeldet
SpryAccordion bearbeiten, hp "vergrößern"
Hi,
ich habe ein SpryAccordion in der Sidebar eingerichtet. Jetzt hab ich mehrer Fragen dazu: Wenn ich darein klicke, wird der Rahemen aufeinmal blau? Hab geschaut, aber das ist nirgends eingestellt, dass das so sein soll. Jetzt wollte ich den Rahmen entweder wegbekommen oder anders Designen. Nur, wie, weiß ich nicht. Ich mache alles mit Dreamweaver (auf Englisch). Und meine Zweite Frage ist, wie ich die #wrapperarea #contentarea nach unten hin vergrößern kann, sodass ich da schonmal mehr ausreichend Platz habe, um noch weitere Informationen hinzuzurfügen. Vielleicht weiß das einer von euch, als "Hilfe", hab ich hier mal meinen Quellcode gepostet. Dhannkee
<!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>guhte Website?</title>
<style type="text/css">
body,td,th {
font-family: Verdana, Geneva, sans-serif;
}
body {
background-color: #333333;
background-image: url(Images/bg_img.jpg);
background-repeat: repeat;
}
</style>
<link href="Css/ghute Website.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="Webdesign,Webentwicklung,Grafikdesign" />
<meta name="description" content="Die Website von mir. Gratis Vide Tutos" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapperarea">
<div id="logo"><a href="gute Website.html"><img src="Images/logo.png" width="242" height="41" alt="logo" /></a></div>
<div id="navigation">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Home</a>
<ul>
<li><a href="#">Partner</a></li>
<li><a href="#">Clienten</a></li>
</ul>
</li>
<li><a href="#">Über uns</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Portfolio</a>
<ul>
<li><a href="#">Webdesign</a> </li>
<li><a href="#">Grafikdesign</a></li>
<li><a href="#">Wordpress</a></li>
</ul>
</li>
<li><a href="#">Service</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div id="header"></div>
<div id="contentarea">
<div id="textarea">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div id="sidebar">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Webdesign</div>
<div class="AccordionPanelContent">Webdesign ist toll</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Grafikdesign</div>
<div class="AccordionPanelContent">Grafikdesign ist toll</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Wordpress</div>
<div class="AccordionPanelContent">Wordpress ist toll</div>
</div>
</div>
</div>
<div id="footer">© Copyright Information</div>
</div>
</div>
<div style="OVERFLOW: auto; width; 315px; height: 200px">
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>