CruzRhymes
New member
Kann mir jemand sagen wo im folgendem Code die Abstände für die einzelnen Optionen festgehalten sind ?
Ich schaffe es nicht mit folgendem Code den Abstan zu verringern sodass die Optionen fasst untereinander stehen.
Html File:
CSS File
Code:
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="css_sheet.css">
<style type="text/css">
body {background-image: url(backnew.jpg);background-attachment:fixed;noresize;}
</style>
<script type="text/javascript">
function treeMenu_init(menu, data) {
var array = new Array(0);
if(data != null && data != "") {
array = data.match(/\d+/g);
}
var items = menu.getElementsByTagName("li");
for(var i = 0; i < items.length; i++) {
items[i].onclick = treeMenu_handleClick;
if(!treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")
&& items[i].getElementsByTagName("ul").length
+ items[i].getElementsByTagName("ol").length > 0) {
var classes = treeMenu_getClasses(items[i]);
if(array.length > 0 && array[0] == i) {
classes.push("treeMenu_opened")
}
else {
classes.push("treeMenu_closed")
}
items[i].className = classes.join(" ");
if(array.length > 0 && array[0] == i) {
array.shift();
}
}
}
}
function treeMenu_handleClick(event) {
if(event == null) { //Workaround für die fehlenden DOM Eigenschaften im IE
event = window.event;
event.currentTarget = event.srcElement;
while(event.currentTarget.nodeName.toLowerCase() != "li") {
event.currentTarget = event.currentTarget.parentNode;
}
event.cancelBubble = true;
}
else {
event.stopPropagation();
}
var array = treeMenu_getClasses(event.currentTarget);
for(var i = 0; i < array.length; i++) {
if(array[i] == "treeMenu_closed") {
array[i] = "treeMenu_opened";
}
else if(array[i] == "treeMenu_opened") {
array[i] = "treeMenu_closed"
}
}
event.currentTarget.className = array.join(" ");
}
function treeMenu_getClasses(element) {
if(element.className) {
return element.className.match(/[^ \t\n\r]+/g);
}
else {
return new Array(0);
}
}
function treeMenu_contains(array, element) {
for(var i = 0; i < array.length; i++) {
if(array[i] == element) {
return true;
}
}
return false;
}
function treeMenu_store(menu) {
var result = new Array();;
var items = menu.getElementsByTagName("li");
for(var i = 0; i < items.length; i++) {
if(treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")) {
result.push(i);
}
}
return result.join(" ");
}
</script>
<style type="text/css">
li.treeMenu_opened ul {
display: block;
}
li.treeMenu_closed ul {
display: none;
}
ul { list-style-type:none; }
#passend_machen { position:absolute; top:-21px; left:-31px; }
</style>
<body onload="treeMenu_init(document.getElementById('menu'), '')">
<div id="passend_machen">
<ul id="menu">
<br>
<H1><li>A</H1>
<ul>
<H2><li>A1</H2>
<ul>
<H3><li>A1.1</li></H3>
<H3><li>A1.2</li></H3>
</ul>
</div>
</body>
</html>Ich schaffe es nicht mit folgendem Code den Abstan zu verringern sodass die Optionen fasst untereinander stehen.
Html File:
Code:
<div class="menu_td1"><div class="menu_td2"><li>A1</div></div>CSS File
Code:
.menu_td1 { padding-right:100px; }
.menu_td2 { padding-bottom:3px; }
Zuletzt bearbeitet:
