wie bekomme ich en rahmen weg?
sven1234
- java
Hallo zusammen,
ich habe mir gerade das Switch Menü Script von http://www.dynamicdrive.com/dynamic.../switchmenu.htm eingebaut. Wen ihr mal auf die Seite geht da sind vier Menü Punke mit unter Menü doch um die vier Menü Punkte ist ein weißer Rahmen rum! Wie bekomme ich den weg! Also ich meine nicht den Rhamen um den einzelnen Punken sondern um alle! Man sieht ihn zwar nicht weil er weiß ist aber ich will ihn weg haben! Darunter steht ja der Quelle Text was müßte ich da ändern damit er weg geht!
danke!
Tag sven1234.
ich habe mir gerade das Switch Menü Script von http://www.dynamicdrive.com/dynamic.../switchmenu.htm eingebaut.
Bitte verlinke auf die richtige Seite: http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm. Des weiteren handelt es sich nicht um Java, sondern um Javascript.
Wen ihr mal auf die Seite geht da sind vier Menü Punke mit unter Menü doch um die vier Menü Punkte ist ein weißer Rahmen rum! Wie bekomme ich den weg!
Indem du dir die CSS-Definitionen zu den Menüpunkten (Klasse .submenu) anschaust und die Außenabstände nach deinen Wünschen anpasst.
[dsf 3.6]
Siechfred
hallo
also müßte ich dann unter ".submenu{
margin-bottom: 0.5em;
}" (siehe script) die abstande definieren! oder? Wie sieht das dann aus wenn ich keinen habe möchte? Könnten sie mir den Quelltext geben?
Weil ich mich mit css nicht auskenne!
danke!
Tag sven1234.
also müßte ich dann unter ".submenu" die abstande definieren! oder?
Genau so. Willst du keinen Abstand haben, müsste es, wenn ich das richtig sehe, "margin:0" heißen.
[dsf 3.6]
Siechfred
Hallo,
es steht jetzt so da ".submenu{ margin: 0;} "
aber es passiert nichts!
Tag sven1234.
es steht jetzt so da ".submenu{ margin: 0;} " aber es passiert nichts!
Dann poste mal den Link zu der Seite, wo du es eingebaut hast.
Siechfred
hier ist der quell text!
<html>
<head>
<title>Text des Titels</title>
<style type="text/css">
.menutitle{
cursor:pointer;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
</head>
<body>
<body style=" padding: 0px; margin: 0px" >
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<table width="126" border="0">
<tr>
<th bgcolor="#313FFF" scope="row">
<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1">
- <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
<span class="submenu" id="sub2">
- <a href="notice.htm">Usage Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
<span class="submenu" id="sub3">
- <a href="http://www.codingforums.com">Coding Forums</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
<span class="submenu" id="sub4">
- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
- <a href="http://www.freewarejava.com">Freewarejava</a><br>
- <a href="http://www.cooltext.com">Cool Text</a><br>
- <a href="http://www.google.com">Google.com</a>
</span>
<img src="about.gif" onclick="SwitchMenu('sub6')"><br>
<span class="submenu" id="sub6">
- <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>
- <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>
- <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>
</span>
</th>
</tr>
</div>
</body>
</html>
Tag sven1234.
hier ist der quell text!
[...]
.submenu{
margin-bottom: 0.5em;
}
Schön, und wo bitte hast du meinen Vorschlag umgesetzt? Da steht immer noch "margin-bottom:0.5em".
[dsf 3.6]
Siechfred