Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.04.2012 um 20:27 (UTC)    
Titel: Navigation - Ausklappmenü

Hallo liebe Forengemeinschaft!

Sicherlich ist es doch bekannt, dass ich in sachen "Coden" eine Niete bin.
Jetzt hätte ich ja momentan etwas mehr Zeit. Deshalb dachte ich mir, ich versuch mal ein total eigene CSS-Design zu schreiben.
Nagut - ich hab mir ein wenig Hilfe genommen und vom Grund her einen Designcode genommen, den ich jetzt umändern will.

Ich hab jetzt schon mal oben die Navigation. Da passt schon alles.
Normalerweise müsste jedoch, wenn ich auf die Navigationspunkte fahre ja so Unterseiten kommen. Ich teste ich derzeit: www.ho-allround.de.tl/home.htm

Und diesen Code hab ich für die Navigation:
Code:
<div id="header"></div>
<div class="navi">
<li><a href="/Hauptseite-A.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptseite A</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="/Unterseite-1A.htm">Unterseite 1A</a></li>
<li><a href="/Unterseite-2A.htm">Unterseite 2A</a></li>
<li><a href="/Unterseite-3A.htm">Unterseite 3A</a></li>
</ul>
</li>
<li><a href="/Hauptseite-B.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptseite-B</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="/Unterseite-1B.htm">Unterseite 1B</a></li>
<li><a href="/Unterseite-2B.htm">Unterseite 2B</a></li>
<li><a href="/Unterseite-3B.htm">Unterseite 3B</a></li>
</ul>
</li>
<li>
<a href="/Hauptseite-C.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptseite-C</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="/Unterseite-1C.htm">Unterseite 1C</a></li>
<li><a href="/Unterseite-2C.htm">Unterseite 2C</a></li>
<li><a href="/Unterseite-3C.htm">Unterseite 3C</a></li>
</ul>
</li>
<li><a href="/Hauptseite-D.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptseite D</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="/Unterseite-1D.htm">Unterseite 1D</a></li>
<li><a href="/Unterseite-2D.htm">Unterseite 2D</a></li>
<li><a href="/Unterseite-3D.htm">Unterseite 3D</a></li>
</ul>
</li>
<li><a href="/Hauptseite-E.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptseite E</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="/Unterseite-1E.htm">Unterseite 1E</a></li>
<li><a href="/Unterseite-2E.htm">Unterseite 2E</a></li>
<li><a href="/Unterseite-3E.htm">Unterseite 3E</a></li>
</ul>
</li>
</div>
<div id="main">


Hauptseiten und Unterseiten hab ich schon alle ggenau nach der Bezeichnung erstellt. Doch wieso klappt dies nicht? Was mach ich falsch?
Ich möchte dies so haben, dass ich ungefähr so ein Klappmenü habe wie bei www.holz-osterholzer.de.tl/s.ae.gewerk.htm - dort ist ja auch so ein Klappmenü vorhanden... Von dort hab ich mir auch den Grundcode geholt...

Lg, Loisi
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!


Zuletzt bearbeitet von holz-osterholzer am 09.04.2012, 21:28, insgesamt einmal bearbeitet
Beitrag09.04.2012 um 20:50 (UTC)    
Titel:

hier ein beispiel:

<div id="header"></div>
<div class="navi">
<li><a href="/Hauptseite-A.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptseite A</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="/Unterseite-1A.htm">Unterseite 1A</a></li>
<ul>
<li><a href="http://www.keinkonsum.de/Wie-erkenne-ich-denn-eigentlich%2C-dass-jemand-drogenabh.ae.ngig-ist-f-.htm">Wie erkenne ich dass jemand drogenabh&auml;ngig ist?</a></li>
<li><a href="http://www.keinkonsum.de/Konsummuster.htm">Konsummuster</a></li>
</ul>

<li><a href="/Unterseite-2A.htm">Unterseite 2A</a></li>
<li><a href="/Unterseite-3A.htm">Unterseite 3A</a></li>
</ul>
</li>
<li><a href="/Hauptseite-B.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptseite-B</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="/Unterseite-1B.htm">Unterseite 1B</a></li>
<li><a href="/Unterseite-2B.htm">Unterseite 2B</a></li>
<li><a href="/Unterseite-3B.htm">Unterseite 3B</a></li>
</ul>
</li>
<li>
<a href="/Hauptseite-C.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptseite-C</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="/Unterseite-1C.htm">Unterseite 1C</a></li>
<li><a href="/Unterseite-2C.htm">Unterseite 2C</a></li>
<li><a href="/Unterseite-3C.htm">Unterseite 3C</a></li>
</ul>
</li>
<li><a href="/Hauptseite-D.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptseite D</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="/Unterseite-1D.htm">Unterseite 1D</a></li>
<li><a href="/Unterseite-2D.htm">Unterseite 2D</a></li>
<li><a href="/Unterseite-3D.htm">Unterseite 3D</a></li>
</ul>
</li>
<li><a href="/Hauptseite-E.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptseite E</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="/Unterseite-1E.htm">Unterseite 1E</a></li>
<li><a href="/Unterseite-2E.htm">Unterseite 2E</a></li>
<li><a href="/Unterseite-3E.htm">Unterseite 3E</a></li>
</ul>
</li>
</div>
<div id="main">

Das rot markierte ist quasi das klappmenü!

Grüße
______________
Beitrag10.04.2012 um 00:03 (UTC)    
Titel:

Hallo,

das Coolmenü funktioniert mit Javascript und das hast du vergessen einzufügen. Very Happy
Ich empfehle dir auch dieses Coolmenü zu verwenden:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134830
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de