• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menuprobleme

Status
Für weitere Antworten geschlossen.
Loon3y

Loon3y

Neues Mitglied
Hallo..

hoffe das ich im richtigen Forum gelandet bin..denn das menu ist ja durch eine .js-datei verknüpft (mouseover) und da tritt auch das problem auf.

Erstmal der Code: (nur der menucode)

Code: 
<html>
<head>
<link href="navigation.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div>
banner
</div>

<ul id="Navigation">
             <li><a href=" " class="me" title="Me"><span class="Invisible">About Me</span></a>
                <ul>
                    <li><a href=" ">My Life</a></li>
                    <li><a href=" ">Max</a></li>
                      <li><a href=" ">Pictures</a></li>
                </ul>
              </li>
             <li><a href=" " class="games" title="Games"><span class="Invisible">Online-Games</span></a>
                <ul>
                    <li><a href=" >aaaa</a></li>
                    <li><a href=" ">bbbb</a></li>
                      <li><a href=" ">cccc</a></li>
                    <li><a href=" ">dddd</a></li>
                    <li><a href=" ">eeee</a></li>
                </ul>
              </li>
              <li><a href=" " class="music" title="Music"><span class="Invisible">Music</span></a>

                <ul>
                    <li><a href=" ">xyz</a></li>
                    <li><a href=" ">xyz</a></li>
                    <li><a href=" ">Bands</a></li>
                    <li><a href=" ">Releases</a></li>
                </ul>
            </li>
            <li><a href=" " class="stuff" title="Stuff"><span class="Invisible">Stuff</span></a>
                <ul>
                    <li><a href=" ">Downloads</a></li>
                    <li><a href=" ">Mal schauen</a></li>
                    <li><a href=" ">Mal schauen</a></li>
                </ul>
            <li><a href=" " class="contact" title="Contact"><span class="Invisible">Contact</span></a>
                <ul>
                    <li><a href=" ">Impressum</a></li>
                    <li><a href=" ">Guestbook</a></li>
                </ul>
</ul>

</body>
</html>
das ist ja nur das menu, also ein ausschnitt, drüber kommt banner und drunter ist noch inhalt den ich ja dann sehe....

so mein problem...wenn ich es so mache:

<div>banner</div>

<ul id="navigation">....menu (siehe oben)</ul>

<div>inhalt</div>
.
.
.

Wie kann ich es dann unter dem Banner fixieren? geschiet das "automatisch" indem ich einfach den menu-code unter den banner-div setze und über den inhalts-div?

vielen danke schoneinmal für die hilfe..

Grüßli..
 
Zuletzt bearbeitet:
Was bedeutet für Dich "fixieren"?

Wenn Du erst ein Block-Element mit einem Banner, dann ein Block-Element mit Menü, dann ein Block-Element mit Inhalt hast, geschieht die Anordnung gemäß CSS, alle Elemente werden untereinander angeordnet.

Das ist eine CSS-Frage. JavaScript-Probleme seh ich im Moment keine, nur weil da ein mouseover drin sein soll (wenn es nur um optische Effekte geht, kann man das mit CSS übrigens viel einfacher machen).

Gruß,
-Efchen
 
naja mein mouseover steht jetzt mit js und funktioniert auch so wie gewollt...jetzt habe ich nurnoch mit der positionierung der div`s probleme...das mag nicht so hinhauen wie gewollt....

aufbau wäre:

------------------------
banner
------------------------
menu
------------------------
| links | inhalt | rechts |
------------------------

allerdings wollen die divs links und rechts nicht so hin wie gewollt :-( also von größe...hm...wie geht man sowas am besten an?!
 
Loon3y schrieb:
| links | inhalt | rechts |
allerdings wollen die divs links und rechts nicht so hin wie gewollt :-( also von größe...hm...wie geht man sowas am besten an?!
Zum Vergrößern anklicken....
float:left; und float:right; unter Angabe einer width. Diese beiden stellt man als erstes in den HTML-Code, "inhalt" darunter.
Fertig.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben