Aanpassen spry-acordion

Status
Niet open voor verdere reacties.
U

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
Hoe kan ik de grootte en lengte kleiner maken

graag advies
 
hallo
In de SpryAccordion.css te vinden in de map SpryAssest

.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: auto;
width:auto;
outline:none;
}

groetjes michelscot:cool:
 
Hartstikke bedankt

de hoogte pakt die wel met auto maar de breedte niet?

maargoed puzzel wel even verder
 
hallo

Als je de width wil aanpassen zal je auto moeten vervagen in een vaste waarde vb width: 500px;

groetjes Michelscot :cool:
 
ik volg uw voorbeeld

maar er veranderd niks in dreamweaver
misschien als het online staat geeft die het wel kleiner weer?

ik bedoel die strepen, omtrek van het geheel

<!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>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
}
body {
background-color: #CCC;
}
a {
font-size: 16px;
color: #009;
}
a:visited {
color: #0C6;
}
a:hover {
color: #F00;
}
a:active {
color: #FF0;
}
.Titel {
text-align: center;
}
-->
</style>
<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>
<h1 class="Titel">tietel:</h1>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Home</a>
<ul>
<li><a href="#">Startpagina</a></li>
<li><a href="#">Algemene informatie</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Aanbiedingen</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Alle</a>
<ul>
<li><a href="#">Electronica</a></li>
<li><a href="#">Overig</a></li>
</ul>
</li>
<li><a href="#">Opruimzolder</a> </li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Over ons</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Filialen</a>
<ul>
<li><a href="#">Arnhem</a></li>
<li><a href="#">Amsterdam</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Route</a>
<ul>
<li><a href="#">Arnhem </a></li>
<li><a href="#">Amsterdam</a></li>
</ul>
</li>
<li><a href="#">Leverings voorwaarden</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Contact</a>
<ul>
<li><a href="#">Formulier</a></li>
<li><a href="#">Openingstijden</a></li>
<li><a href="#">Directie</a></li>
</ul>
</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent"></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent"></div>
</div>
</div>
<p>&nbsp;</p>
<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>
Klik om te vergroten...
 
Laatst bewerkt:
hallo

foutje van mij het is in
.Accordion {
border-left: solid 1px gray;
border-right: solid 1px black;
border-bottom: solid 1px gray;
overflow: hidden;
width: 500px;
}

groetjes michelscot :cool:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan