Menü verschiebt sich bei Unterseite

[DaSilva]

Unter Hindukusch group Paderborn habe ich gerade ein bisschen an einer neuen Seite gebastelt.
Merkwürdigerweise bekommen die einzelnen Menüpunkte größere Abstände zueinander sobald man auf Leistungen > Galerie oder (noch schlimmer) Kontakt klickt.
Auch kann Dreamweaver das Menü nicht richtig darstellen (es wird auch ein </tbody> ganz unten gelb markiert) und so kann man im rechten Bereich nichts per WYSIWYG-Editor ändern.
Als letztes ist noch blöd, dass Menüpunkte nicht wieder verkleinert werden wenn man auf Links klickt, die kein Untermenü haben (zuletzt gewähltes Untermenü bleibt angezeigt)
Wie kann ich das alles beheben?
Danke.

 

[Nabla]

Das is klar,

Du arbeitest mit Tabellen, jeder deiner Links liegt dabei in einer eigenen Zelle. Wenn sich jetzt die Gesamthöhe deiner Tabelle verändert, vergrößern sich auch die einzelnen Zellen in ihrer Höhe.

Um dem entgegen zu wirken würde ich dir ein Tabellenloses Layout empfehlen, da man Tabellen für die Gestaltung einer Seite heute nichtmehr verwendet. ansonsten alle links in eine Zelle "stopfen" und mit:

<ul>
<li><a href="wieauchimmer.html">link 1</a> </li>
<li><a href="wieauchimmer.html">link 2</a> </li>
<li><a href="wieauchimmer.html">link 3</a> </li>
</ul>

mfg Nabla

 

[DaSilva]

Danke, aber ich denke bei der zweiten Variante wird es Probleme mit dem JavaScript-Menü geben, oder?

 

[Imbericle]

klar drum mach es mit CSS
dabei mus in jedem li nochmal eine liste also n ul und li sein.
Hier ist das Grundgerüst, dass musst du natürlich noch erweitern:

<ul>
		<li>Inhalt1
				<ul>
						<li>Inhalt1.1</li>
						<li>Inhalt1.2</li>
						<li>Inhalt1.3</li>
				<ul>
		</li>
</ul>

und dass css

ul li ul li
{
		display:none;
}

ul li:hover ul li 
{
		display:block;
}

ul li
{float:left;}

MfG

 

[DaSilva]

Danke, werde ich mal ausprobieren :)