Links Zentriert und nicht untereinander.
Guten Tag
Ich habe folgendes problem. Ich bin dabei weine Website zu programmieren, was auch alles soweit funktioniert. Nur ein problem habe ich gerade, damit ihr es euch anschauen könnt, klickt auf den Link. Asel 800 auf der Linken seite die Links: Sehenswertes Heimatpflege Kulturelles Pinnwand Jubiläumsjahr 2011 Partnergem. Görlach Die wedern leider nicht so angezeigt, wie ich es mir wünsche. Sie werden im eigenen div Zentriert angezeigt, ich möchte aber das sie Untereinander angezeigt werden. Alles andere ist so, wie ich es haben möchte. Wo liegt der Fehler? Hier mein derzeitiger css Code dazu. Code:
#page-verein { |
Nun ja, die Links werden nicht zentriert angezeigt, sondern hintereinander. Soviele, wie in eine Zeile passen.
Das liegt daran, dass die li-Elemente der Navigation mittels CSS die Anweisung "display: inline;" erhalten. Wenn du das löscht stehen die Links untereinander. Zusätzlicher Hinweis: Mit der Verwendung von "float" wirst du erfahrungsgemäß Probleme bekommen. Beschäftige dich statt dessen mit Flexbox (display: flex;") und CSS-Grid ("display: grid;") |
Danke für die Antwort
Ich habe ja 2 Linkleisten die Obere soll ja nebeneinander liegen, nur die Linke soll untereinander sein. Wie bewerkstelle ich das denn? |
In der Datei "style.css" den Eintrag
Code:
#li-02 { |
Ich teste das Morgen mal, melde mich dann.
Danke |
Auch wenn es hier nicht das Problem verursacht noch folgendes:
Nutze für solche Fälle class und nicht id. Jede id darf auf einer Seite nur ein einziges Mal verwendet werden. Mit der gleichen class darfst du beliebig viele HTML-Objekte markieren. |
Guten Morgen
Ich habe gerade Zitat:
Code:
.li-02 { Weiterhin habe ich alle ids zu class geändert, danke für den hinweis. jetzt kann ich endlich weitermachen.- |
Alle Zeitangaben in WEZ +2. Es ist jetzt 08:51 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023