Habe bei mir Textwidget zur Auswahl, wenn ich dieses nutze und mein Code dort einfüge und abspeichere zerreißt es mir das Template. Weiß jemand woran das liegt und kann helfen?
Hier der Code den ich dort einfüge:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddaccordion.js">
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "expandable", //Shared CSS class name of headers group that are expandable
contentclass: "categoryitems", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(images/button/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/button/titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(images/button/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
</style>
</head>
<body>
<div class="arrowlistmenu">
<h3 class="menuheader expandable">Call of Duty</h3>
<ul class="categoryitems">
<li><a href="http://URL/">Pics</a></li>
<li><a href="http://URL/">Trailer</a></li>
<li><a href="http://URL/">Systemtest</a></li>
</ul>
<h3 class="menuheader expandable">Call of Duty UO</h3>
<ul class="categoryitems">
<li><a href="http://URL/">Pics</a></li>
<li><a href="http://URL/">Trailer</a></li>
<li><a href="http://URL/">Systemtest</a></li>
</ul>
<h3 class="menuheader expandable">Call of Duty 2</h3>
<ul class="categoryitems">
<li><a href="http://URL/">Pics</a></li>
<li><a href="http://URL/">Trailer</a></li>
<li><a href="http://URL/">Systemtest</a></li>
</ul>
<h3 class="menuheader expandable">Call of Duty 4</h3>
<ul class="categoryitems">
<li><a href="http://URL/">Pics</a></li>
<li><a href="http://URL/">Trailer</a></li>
<li><a href="http://URL/">Systemtest</a></li>
</ul>
<h3 class="menuheader expandable">Call of Duty 5</h3>
<ul class="categoryitems">
<li><a href="http://URL/">Pics</a></li>
<li><a href="http://URL/">Trailer</a></li>
<li><a href="http://URL/">Systemtest</a></li>
</ul>
</body>
</html>Auf dem einem Bild sieht es normal aus und auf dem anderen sieht man wie sich alles verschiebt.