Navigationsleiste im Forum

[Sonni]

Morgen zusammen,

nachdem ich gestern den ganzen Abend dran rumgebastelt habe, wende ich mich nun an Euch. Vielleicht kann mir ja hier jemand helfen....

Also, ich habe ein Forum und möchte unter das Logo / unter den Banner ein horizontales Menü haben.
Soweit so gut - bis auf den Schönheitsfehler, das ich zwischen logo und menü keinen Zwischenraum haben möchte, hab ich das auch hingekriegt.

Das größere Problem ist, das sich mein Forum komplett verschiebt, wenn ich mit der Maus über einen Menüpunkt fahre.

Soweit ich weiß, liegt das an dem "Overflow"-Befehl, aber die Befehle die ich hier gefunden haben, bringen mich leider nicht weiter.

Um mein Problem nachzuvollziehen, bitte diesem Link folgen:
http://sonni.byto.de/wbblite/index.php?styleid=17&sid

Hoffe mir kann jemand weiterhelfen!

[wahsaga]

hi,

Das größere Problem ist, das sich mein Forum komplett verschiebt, wenn ich mit der Maus über einen Menüpunkt fahre.

Soweit ich weiß, liegt das an dem "Overflow"-Befehl, aber die Befehle die ich hier gefunden haben, bringen mich leider nicht weiter.

Es liegt daran, dass die aufgeklappten Menüpunkte mehr Platz benötigen - und du sie aber im normalen Fluss gelassen hast. Also nehmen sie sich diesen zusätzlichen Platz beim Aufklappen, und alles folgende muss ein wenig nach unten rücken.

Im allgemeinen verwendet man für solche Sachen absolute Positionierung - die nimmt ein Element aus dem Fluss, es beeinflusst also andere Elemente nicht mehr in dieser Weise.

Schau dir doch mal an, wie das bei der dynamischen CSS-Navigation für moderne Browser gelöst wurde.

gruß,
wahsaga

[wucher wichtel]

Hallo!

Das größere Problem ist, das sich mein Forum komplett verschiebt, wenn ich mit der Maus über einen Menüpunkt fahre.

Gib dem Menü (<ul>) position:absolute. Das hilft. Hier noch ein paar Tips:

<img src="images/smilie/logo.gif" border=0> <- Hier fehlt die alt-Eigenschaft. width und height wären sinnvoll.

<div class="menu" style="width: 701; height: 120"> <- hier fehlen die Maßeinheiten.

<div class="menu" style="width: 701; height: 120"><ul> <- Wofür ist das <div> gut? du kannst die <ul> direkt formatieren. Gib der <ul> die Klasse "menu". Dann kannst du dir das <div> sparen.

Um mein Problem nachzuvollziehen, bitte diesem Link folgen:
http://sonni.byto.de/wbblite/index.php?styleid=17&sid

http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden :-)

ciao, ww

[Sonni]

Gib dem Menü (<ul>) position:absolute. Das hilft. Hier noch ein paar Tips:

<img src="images/smilie/logo.gif" border=0> <- Hier fehlt die alt-Eigenschaft. width und height wären sinnvoll.

<div class="menu" style="width: 701; height: 120"> <- hier fehlen die Maßeinheiten.

<div class="menu" style="width: 701; height: 120"><ul> <- Wofür ist das <div> gut? du kannst die <ul> direkt formatieren. Gib der <ul> die Klasse "menu". Dann kannst du dir das <div> sparen.

Hey,

danke für deine Tips.
Wieso das da so steht, wie es da steht, kann ich dir nicht sagen, da ich den Code von einer javascriptseite kopiert habe.
Also, ich hab jetzt die position auf absolut gesetzt.
Kannst du mir jetzt noch sagen, wie ich das menü ein bissl weiter nach rechts bekomme, so das es mittig unter dem banner ist?