Afstand mellem menupunkterne
Denne vedhæftede menu, kunne jeg godt tænke mig ændret på 2 små områder, men desværre kan jeg ikke selv klare opgaven.Når menuen er \"åben\" er der et ekstra linieskift ned til det første undermenupunkt, og det vil jeg gerne have fjernet, men hvordan ?
Hvis muligt ville det også være rart hvis linieskiftet mellem alle hovedmenupunkterne, blev lavet et linieskift mindre.
kilde :................
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html><meta http-equiv=\"content-type\" content=\"text/html;charset=iso-8859-1\">
<meta name=\"Author\" content=\"Steen Mikkelsen\">
<meta name=\"Reply-to\" content=\"sfm@post1.tele.dk <mailto:CONTENT=>\">
<meta name=\"Date\" content=\"01-04-2001\">
<meta name=\"language\" content=\"dan\">
<meta name=\"Copyright\" content=\"Steen Mikkelsen\">
<meta name=\"Title\" content=\"Steen Mikkelsen\">
<meta name=\"Description\" content=\"Discus\">
<meta name=\"Keywords\" content=\" DISCUS, DISKUS, AKVARIE, AKVARISTER\">
<meta name=\"Rating\" content=\"General\">
<meta name=\"Robots\" content=\"index,follow\">
<head>
<title>DHTML - Menus - Displayhide</title>
<style TYPE=\"text/css\">
<!--
body {scrollbar-face-color: #3E3E3E;
scrollbar-shadow-color:#5C5C5C;
scrollbar-highlight-color:#7F7F7F;
scrollbar-arrow-color:#FFFFFF;
scrollbar-3dlight-color:#7F7F7F;
}
a:link {
color: green;
text-decoration: none;
}
a:visited {
color: red;
text-decoration: none;
}
a:active {
background-color: #D6D7D8;
}
a:hover {
color: #F36A05;
font-style: italic;
}
H3
{
font-family: Verdana,Arial,Helvetica;font-size:8pt;font-weight:normal;color: #000000;text-decoration: none;
}
H2
{
font-family: Verdana,Arial,Helvetica;font-size:8pt;font-weight:normal;
}
-->
</style>
<script LANGUAGE=\"JavaScript\">
<!--
var bV=parseInt(navigator.appVersion);
NS4=(document.layers)?true:false;
IE4=(document.all)?true:false;
ver4=(NS4 || IE4)?true:false;
if (document.images) {
arImLoad=new Array (\"triup.gif\");
arImList=new Array ();
for (counter in arImLoad) {
arImList[counter]=new Image();
arImList[counter].src=arImLoad[counter] + \".gif\";
}}
function expandIt(){return}
function expandAll(){return}
//-->
</script>
<script LANGUAGE=\"JavaScript1.2\">
<!--
isExpanded=false;
function reDo(){window.location.reload()}
function getIndex(el) {
ind=null;
for (i=0; i<document.layers.length; i++) {
whichEl=document.layers[i];
if (whichEl.id==el) {
ind=i;
break;
}
}
return ind;
}
function arrange() {
nextY=document.layers[firstInd].pageY + document.layers[firstInd].document.height-10;
for (i=firstInd+1; i<document.layers.length; i++) {
whichEl=document.layers[i];
if (whichEl.visibility != \"hide\") {
whichEl.pageY=nextY;
nextY += whichEl.document.height-10;
}
}
}
function initIt(){
if (NS4) {scrollTo(0,pageYOffset-30)
for (i=0; i<document.layers.length; i++) {
whichEl=document.layers[i];
if (whichEl.id.indexOf(\"Child\") != -1) {
whichEl.visibility=\"hide\";
whichEl.isExpanded=false;
}
}
arrange();
setTimeout(\"window.onresize=reDo\",1000)
}
else {
tempColl=document.all.tags(\"DIV\");
for (i=0; i<tempColl.length; i++) {
if (tempColl(i).className == \"child\") {
tempColl(i).style.display=\"none\";
tempColl(i).isExpanded=false;
}
}
}
}
function expandIt(el) {
if (!ver4) return;
if (IE4) {expandIE(el)} else {expandNS(el)}
}
function expandIE(el) {
whichEl=eval(el + \"Child\");
whichIm=event.srcElement;
if (whichEl.style.display == \"none\") {
whichEl.style.display=\"block\";
whichEl.isExpanded=true;
whichIm.src=\"triup.gif\";
}
else {
whichEl.style.display=\"none\";
whichEl.isExpanded=false;
whichIm.src=\"tridown.gif\";
}
}
function expandNS(el) {
whichEl=eval(\"document.\" + el + \"Child\");
whichIm=eval(\"document.\" + el + \"Parent.document.images[\'imEx\']\");
if (whichEl.visibility == \"hide\") {
whichEl.visibility=\"show\";
whichEl.isExpanded=true;
whichIm.src=\"triup.gif\";
}
else {
whichEl.visibility=\"hide\";
whichEl.isExpanded=false;
whichIm.src=\"tridown.gif\";
}
arrange();
}
function showAll() {
for (i=firstInd; i<document.layers.length; i++) {
whichEl=document.layers[i];
whichEl.visibility=\"show\";
}
}
function expandAll(isBot) {
newSrc=(isExpanded)?\"images/triDown.gif\":\"images/triUp.gif\";
if (NS4) {
document.images[\"imEx\"].src=newSrc;
for (i=firstInd; i<document.layers.length; i++) {
whichEl=document.layers[i];
if (whichEl.id.indexOf(\"Parent\") != -1) {
whichEl.document.images[\"imEx\"].src=newSrc;
}
if (whichEl.id.indexOf(\"Child\") != -1) {
whichEl.visibility=(isExpanded)?\"hide\":\"show\";
whichEl.isExpanded=(isExpanded)?false:true;
}
}
arrange();
if (isBot && isExpanded) scrollTo(0,document.layers[firstInd].pageY);
}
else {
divColl=document.all.tags(\"DIV\");
for (i=0; i<divColl.length; i++) {
if (divColl(i).className == \"child\") {
divColl(i).style.display=(isExpanded)?\"none\":\"block\";
divColl(i).isExpanded=(isExpanded)?false:true;
}
}
imColl=document.images.item(\"imEx\");
for (i=0; i<imColl.length; i++) {
imColl(i).src=newSrc;
}
}
isExpanded=!isExpanded;
}
with (document) {
write(\"<STYLE TYPE=\'text/css\'>\");
write(\".parent {\");
if (NS4) {write(\"position:absolute; visibility:hidden;\")};
if (IE4) {write(\"margin-top:10;\")};
write(\"margin-left:3;\");
write(\"color:#006\");
write(\"}\");
write(\".child {\");
if (NS4) {write(\"position:absolute; visibility:hidden;\")};
if (IE4) {write(\"display:none;\")};
write(\"margin-left:3;\");
write(\"}\");
write(\".other {\");
if (NS4) {write(\"position:absolute; visibility:hidden;\")};
write(\"margin-left:25;\");
write(\"}\");
write(\"</STYLE>\");
}
function linkIt(whichEl, whichHref) {
lay=(NS4)?eval(\"document.\"+whichEl+\"Child\"):eval(whichEl+\"Child\");
if (!lay.isExpanded) expandIt(whichEl);
nlay=(NS4)?lay.document.images[whichHref]:document.images[whichHref];
if (NS4){
sY=nlay.y+lay.pageY-20
window.scrollTo(0,sY);
}else{nlay.scrollIntoView();scroll(0,document.body.scrollTop-20);
//alert(nlay.parentElement.tagName);
nlay.parentElement.style.backgroundColor=\"#FF99FF\";setTimeout(\"nlay.parentElement.style.backgroundColor=\'white\'\",1000);}
}
window.onload=initIt;
//-->
</script>
</head>
<body bgcolor=\"#FFFFFF\">
<script LANGUAGE=\"JavaScript\">
<!--
if(!ver4)document.write(\"<BLOCKQUOTE>\");
//-->
</script>
<div ID=\"elOneParent\" CLASS=\"parent\"><h3><a HREF=\"#\" onClick=\"expandIt(\'elOne\'); return false\"><img NAME=\"imEx\" SRC=\"tridown.gif\" BORDER=\"0\" ALT=\"Expand/Collapse Item\" WIDTH=\"12\" HEIGHT=\"12\"></a> Forskelligt</h3></div>
<div ID=\"elOneChild\" CLASS=\"child\"><H2> <A HREF=\"body.html\" target=\"body\">forsiden</a><br> <A HREF=\"links.html\" target=\"body\">Links</a></H2></div>
<div ID=\"elToParent\" CLASS=\"parent\"><h3><a href=\"#\" onclick=\"expandIt(\'elTo\'); return false\"><img alt=\"Expand/Collapse Item\" border=\"0\" name=\"imEx\" src=\"tridown.gif\" WIDTH=\"12\" HEIGHT=\"12\"></a> Akvarie forhold</h3></div>
<div ID=\"elToChild\" CLASS=\"child\"><H2> <A HREF=\"forhold.html\" target=\"body\">forhold</a><br> <a href=\"http://www.webreference.com\">Webreference.com</a><br> <a HREF=\"http://www.24fun.ch\">24 Fun</a><br> <a HREF=\"http://dynamicdrive.com\">Dynamic Drive</a></H2></div>
<div ID=\"elTreParent\" CLASS=\"parent\"><h3><a href=\"#\" onclick=\"expandIt(\'elTre\'); return false\"><img alt=\"Expand/Collapse Item\" border=\"0\" name=\"imEx\" src=\"tridown.gif\" WIDTH=\"12\" HEIGHT=\"12\"></a> Billeder</h3></div>
<div ID=\"elTreChild\" CLASS=\"child\"><H2> <A HREF=\"tre_mdr.html\" target=\"body\">3 måneder</a><br> <A HREF=\"seks_mdr.html\" target=\"body\">6 måneder</a><br> <A HREF=\"otte_mdr.html\" target=\"body\">8 måneder</a><br> <A HREF=\"ti_mdr.html\" target=\"body\">10 måneder</a><br> <A HREF=\"leg.html\" target=\"body\">I leg</a></H2></div>
<div ID=\"elFireParent\" CLASS=\"parent\"><h3><a HREF=\"#\" onClick=\"expandIt(\'elFire\'); return false\"><img NAME=\"imEx\" SRC=\"tridown.gif\" BORDER=\"0\" ALT=\"Expand/Collapse Item\" WIDTH=\"12\" HEIGHT=\"12\"></a> Web Cam</h3></div>
<div ID=\"elFireChild\" CLASS=\"child\"><H2> <A HREF=\"adsl.html\" target=\"body\">ADSL forbindelse</a><br> <A HREF=\"isdn.html\" target=\"body\">ISDN forbindelse</a><br> <A HREF=\"thumbnails.html\" target=\"body\">Thumbnails</a></H2></div>
</body>
</html>
