zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Divs erscheinen nicht wie sie sollen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.05.2013, 03:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.06.2012
Beiträge: 27
soigroeg befindet sich auf einem aufstrebenden Ast
Standard Divs erscheinen nicht wie sie sollen

Hallo Freunde,

ich bastele gerade an einem Menü. Hier ist die Baustelle:
Edit this Fiddle - jsFiddle

Statt dass in den <ul> <li> weitere <ul> <li> sind, möchte ich ein <div> tag beim :hover (oder in meinem Falle beim jquery mouseenter) erscheinen lassen.

Soweit klappt auch alles ganz gut, nur erscheint das div des zweiten Elementes nicht so wie das erste, also quasi von ganz links, sondern es erscheint von dem Punkt aus, wo das zweite Element steht.

Ich würde aber gerne, dass die Position des div tags ganz unter dem obermenü ist.

Habe schon verschiedene css position tags ausprobiert, bisher ohne Erfolg.
Danke für jede Hilfe,

gruß,
Georg
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.05.2013, 22:27
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Du hast deine ungeordente Liste kaputt gemacht. In eine Liste gehören nur LI-Elemente und keine BR-Elemente hinein.
Die LI-Elemente benötigen kein Div, du kannst die Listenelemente aus dem Untermenü direkt so formatieren wie du es haben möchtest.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.05.2013, 16:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.06.2012
Beiträge: 27
soigroeg befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von explanator Beitrag anzeigen
Du hast deine ungeordente Liste kaputt gemacht. In eine Liste gehören nur LI-Elemente und keine BR-Elemente hinein.
Die LI-Elemente benötigen kein Div, du kannst die Listenelemente aus dem Untermenü direkt so formatieren wie du es haben möchtest.
Hm...
In eine ungeordnete Liste gehören NUR LI-Elemente?

Was ist z.B. mit dem Menü hier:
Plugindemos | Shopware Template Shop

Im Grunde möchte halt auch so ein Mega-Menü bauen wie hier: WWF Deutschland.

Gibt es dafür irgendein tutorial?
Mit Zitat antworten
  #4 (permalink)  
Alt 17.05.2013, 16:36
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von soigroeg Beitrag anzeigen
Hm...
In eine ungeordnete Liste gehören NUR LI-Elemente?
Ja, so ist es. Du hast da BR-Tags mit drin.
Quelle:Lists in HTML documents
Zitat:
Was ist z.B. mit dem Menü hier:
Plugindemos | Shopware Template Shop
Was soll damit sein? Nur li-Elemente innerhalb von ul.
Zitat:
Im Grunde möchte halt auch so ein Mega-Menü bauen wie hier: WWF Deutschland.

Gibt es dafür irgendein tutorial?
Jain. Lesen und verstehen ist Grundvorausetzung.

Es nützt dir nichts wenn du einfach etwas kopierst weil es gut aussieht, weil spätestens wenn du was ändern willst, läufst du in unlösbare Probleme hinein, wie jetzt zum Beispiel auch.

Das beste ist immer sich von Anfang an mit der Materie zu beschäftigen.
Tutorials, bitte sehr:
CSS - berblick
Little Boxes Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller)
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines

Und eine Auswahl an Menüs was so alles machbar ist kannst du dir bei Stu Nicholls | CSSplay | CSS only menus ansehen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #5 (permalink)  
Alt 17.05.2013, 20:07
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Zitat:
Zitat von soigroeg Beitrag anzeigen
Was ist z.B. mit dem Menü hier:
Plugindemos | Shopware Template Shop
Dort wurden die ausklappenden divs (ul#megamenu .level_1.haschildren > .level_2.second) absolute positioniert.
Bezugspunkt dafür ist die relative positionierte Liste (ul#megamenu). Suchbegriffe für Google: containing block css.

In deinem Beispiel könnte #menu1 > ul position: relative; bekommen und .megamenu die absolute Positionierung.
__________________
MfG
Jens
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Script nur für Inhalt eines bestimmten DIVs Kipperdesign Javascript & Ajax 8 11.02.2013 14:03
[CSS] Divs mit float erscheinen untereinander nicostumpf CSS 5 16.05.2012 16:23
DIVs erscheinen im IE nicht nebeneinander prinzipal CSS 4 15.12.2010 16:11
Höhenanpassung von divs localex CSS 1 21.11.2007 12:25
Divs nebeneinander, aber mittig RomanM CSS 2 24.10.2007 07:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:16 Uhr.