html - Treemenu - Twomenu - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #8882 @ 11.02.06 15:30

Jeg vil gerne have hjælp til en meget simpel treemenu, den skal være bygget i tabeller hver kanp.. Siden er ikke bygget i rammer, så den skal kunne køre på en almenelig side, uden at opdatere det hele.

Scriptet skal kunne køre på en php side!

Kode

<table width="140" border="0">
  <tr>
    <td width="140" class="box">
    Generelt (hvis man trykker her, skal det herunder vises)
    </td>
  </tr>
  <tr>
    <td width="140" class="normal">
    <a href="bank.php">Bank</a>
    </td>
  </tr>
  <tr>
    <td width="140" class="box">
    Pengespil (hvis man trykker her, skal det herunder vises)
    </td>
  </tr>
  <tr>
    <td width="140" class="normal">
    <a href="index.php">Lotto</a>
    </td>
  </tr>
</table>

[Redigeret d. 11/02-06 15:32:35 af mb]

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #8934 @ 12.02.06 04:45

Følgende virker, men tillader kun eet underpunkt for hvert hovedpunkt:

Kode

<?xml version="1.0"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><style type="text/css">
table {
	border-collapse:collapse;
	background:wheat;
}
.box, .normal {
	width:140px;
	background:wheat;
	color:sienna;
}
.normal {
	display:none;
}
</style><script type="text/javascript">
IE = (window.navigator.appName=="Microsoft Internet Explorer");
function toggleContent(obj) {
	ch = obj.parentNode.nextSibling.firstChild;

	if(ch.style.display=="" || ch.style.display=="none")
		ch.style.display = (IE)?"block":"table-cell";
	else
		ch.style.display = "none";
}
</script></head><body>

<table>
	<tr><td class="box" onclick="toggleContent(this)">Generelt</td>
	<!-- De følgende 3 tags SKAL placeres uden mellemrum  -->
	</tr><tr><td class="normal">
		<div><a href="bank.php" >Bank</a></div>
	</td></tr>


	<tr><td class="box" onclick="toggleContent(this)">Pengespil</td>
	<!-- De følgende 3 tags SKAL placeres uden mellemrum  -->
	</tr><tr><td class="normal">
		<div><a href="index.php" >Lotto</a></div>
	</td></tr>

</table>
</body></html>

Bruger #8882 @ 12.02.06 11:21

det viker..
men hvis jeg tilføjer den her linie:
<link href="main.css" rel="stylesheet" type="text/css"> istedet for de css koder.. vil menuen ikke virke ordenligt..

Bruger #8934 @ 12.02.06 12:49

det viker..
men hvis jeg tilføjer den her linie:
<link href="main.css" rel="stylesheet" type="text/css"> istedet for de css koder.. vil menuen ikke virke ordenligt..

Nu kan jeg jo ikke se med mine egne øjne, hvad "...ikke virker ordentligt" vil sige. Men jeg kan sige dig, hvad der virker for mig:
Jeg har fjernet STYLE tag'en og indhold, og erstattet den med et LINK tag præcis som dit.
Indholdet af STYLE tag'en (uden selve STYLE tag'en) har jeg kopieret til en fil i samme directory som HTML filen og kaldt den main.css
Så, hvis du har gjort det samme, har jeg svært ved at se fejlen.
Ud over det, skal et LINK tag afsluttes med /> for at være STRICT compliant.

Bruger #8882 @ 12.02.06 16:37

Kom til at slette de speciale css koder. til menuen.. Det virker, tak skal du have

Treemenu - Twomenu

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler