CSS Dropdown, woher kommt der extra Abstand?
Hallo Leute,
Hab mir mal ein CSS Dropdown gebastelt... Nun habe ich aber folgendes Problem: Aus mir unerklärlichen Gründen habe ich unterhalb meiner Navi Grafiken einen überflüssigen Abstand (zur verbesserten Ansicht habe ich diesen grün eingefärbt). Ich weiss auch welcher Teil des Codes dafür verantwortlich ist, verstehe allerdings NICHT wieso der Abstand passiert, denn mein Padding, Margin etc ist ja auf 0px gesetzt. Das einzige was ich mir noch vorstellen könnte ist dass es mit dem... #menu ul{width:auto;float:left;margin:0px;padding:0px;ba ckground:#12ff00;list-style:none;} .clear{clear:both;height:10px;} ...zu tun haben könnte, allerdings verändert sich rein gar nichts wenn ich die 10px verändere, egal ob ich sie kleiner, grösser mache, oder gar lösche, der Abstand bleibt... Hier der Screenshot: http://img13.imageshack.us/img13/6171/picture2djv.png Und hier der gesammte Code (ignoriert die Parameter, ich war faul und hab das File auf dem Desktop liegen lassen :P): Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Die Navi sollte zuoberst auf einer "div"-gesättigten Seite angebracht werden ("div"-gesättigt weil direkt aus Photoshop exportiert). Wird es mir die unteren divs, bzw mein Layout, nach unten verschieben wenn das dropdown sich nun expandiert oder wird das einfach darüber gelegt wie bei normalem Text auch? Ich danke euch schon mal im Vorraus für die hilfreichen Antworten, Freundliche Grüsse Philippe |
Dein Code ist fehlerhaft, die Bilder können wir nicht sehen und sinnvoll ist dein Markup noch immer nicht. :(
Lesestoff: DOCTYPE-Switch: Unerklärliche Lücken zwischen Elementen |
Also, ich habe versucht die ganzen Seiten zu welchen ich durch das FAQ weitergeleitet werde durchzulesen, und habe mich mittlerweile auch schon durch weitere verschiedene Tutorials gearbeitet. Sowohl durch die Links, wie als auch durch selbst ergoogeltes ;)
Leider verstehe ich nicht genau was du mir mit "falschem Markup" zu sagen versuchst, bzw. was genau du damit meinst. Ich lerne gerne und habe auch kein Problem damit, wenn man mir beibringt, dass ich was falsche gemacht habe. Ich würde allerdings gerne verstehen was genau ich denn falsch gemacht habe ;) Also, hier meine neuste Version: (Alle Styles und Scripts habe ich zur verbesserten Anschauung direct im Code eingebaut) Hoffe auf konstruktive Kritik, Freundliche und lernfreudige Grüsse Philippe Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Vergleiche deine erste Fassung mit der zweiten. Siehst du denn nicht den Unterschied?
Fehler im HTML nennt dir der Validator. The W3C Markup Validation Service HTML Grundlagen: Einführung in XHTML, CSS und Webdesign |
Ne, also klar sehe ich den Unterschied. Ich meinte ja nur was du unter "Markup" verstehst ;)
Das Tutorial was ich für diesen Code verwendet habe war auch einiges ausführlicher und professioneller gestaltet. Die wesentlichen 2 Unterschiede die ich zu meiner ersten Version feststellen kann sind folgende: 1. 12 Zeilen .js für das ausmerzen einiger Fehler, somit browserübergreiffend. 2. Die Dropdown Liste passt sich nicht mehr länger der Überliste an, somit verschieben sich die Hauptmenü Punkte nicht mehr länger wenn der Text im Dropdown etwas länger ist. Ich habe allerdings eine weitere Frage, denn wenn ich Grafiken anstatt Text in der Navi benutzte, so habe ich noch immer das Problem mit der Baseline... Ich habe mir unerklärliche Lücken zwar durchgelesen, aber noch immer nicht ganz verstanden wo genau ich die Codes einbinden würde damit der Abstand unterhalb der Grafiken verschwinden... Könntest du mir nicht evntl. in 3-4 Zeilen erklären wo ich die codes die ich auf der Seite finde in meinem Code einbinden würde? Danke im Vorraus für die Antworten, Freundliche Grüsse Philippe |
Zitat:
Zitat:
Auf der verlinkten Seite findest du sogar Beispiele. Studier sie. Wenn du dann immer noch Probleme hast, zeig was du versucht hast. Als Link. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 10:56 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023