Menü und CSS

Hallo !

falls du mit Allen hier "reden" willst, ist ein Link zum Problem zwingend nötig...
Warum hast du die Info hier nicht in dem von dir angesprochenen Beitrag weiter geschrieben ?

eumel1602 Der wurde von mir wegen zu viel Offtopic geschlossen.

Hallo Worf

Es ist ziemlich mühsam, sich durch seitenlange Threads, die dermassen ins OT abdriften, durchzulesen. Könntest du also bitte den Link zu deiner Seite hier noch einmal posten?

Zitat von Worf

Die Subdomain www. ist auf deinem Webserver nicht richtig konfiguriert. Auf jeden Fall geht deine Seite so nicht. Sie ist nur ohne www. erreichbar.

Eine Leertaste einfügen geht über CSS nicht. CSS ist nur für den Style (das Aussehen) verantwortlich. Du kannst aber den Abstand zwischen Elementen mit dem CSS Befehl margin (w3schools margin) beeinflussen. Wenn du willst, dass die CSS Änderung nur auf das Menü im Footer Einfluss hat musst du dem entsprechenden Menü (im Menümodul --> nicht unter Menüs) ein suffix mitgeben damit es eine entsprechende CSS Klasse erhält, die du ansteuern kannst...

Leerzeichen gehen nicht mit css, aber Abstände. Wenn du in den nav-pills noch ein margin-right: 20px einfügst sollte es einen Abstand geben.

Das wirkt dann natürlich auf alle Navigationselemente. Wenn du das nicht willst, kannst du das auch auf den footer eingrenzen.

Ich würde es an deiner Stelle folgendermassen machen:

1. Erweitere beim Menümodul den Menüklassensuffix. Im Moment steht dort " nav-pills". Mache daraus ein " nav-pills grafik". Achte dabei genau auf die Leerzeichen.

2. Ändere den vorhandenen Code im user.css in

.nav-pills.grafik > li > a {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-pills.grafik > li > a {
    padding-right: 0;
    padding-left: 0;
}

Der Vorteil dieser Methode wäre, dass die von Protostar vordefinierten Klassen unangetastet bleiben und weiterhin wie vorgesehen verwendet werden können.

Zitat von Worf

Hallo anka,

Kann ich gene machen,

http://www.nrw-itsec.de

Gruß

Worf

Alles anzeigen

nix anderes habe ich "gewollt"! Du bekomst Hilfe, alles Gut...

Edith: Seite geht nicht... Fehlermeldung..

Zitat von anka

1. Erweitere beim Menümodul den Menüklassensuffix. Im Moment steht dort " nav-pills". Mache daraus ein " nav-pills grafik". Achte dabei genau auf die Leerzeichen.

....

Damit ist das Modul vom oberen bzw, Hauptmenü gemeint.

Zitat von JohannesK

Eine Leertaste einfügen geht über CSS nicht

Nur aus Pedanterie: Geht schon. Über ::after bzw. ::before und content: "\00a0"; . So könnte man z.B. auch einen Separator einfügen. content: "\00a0|\00a0"; => Item1 | Item2 | Item3

Zitat von Re:Later

Nur aus Pedanterie: Geht schon. Über ::after bzw. ::before und content: "\00a0"; . So könnte man z.B. auch einen Separator einfügen. content: "\00a0|\00a0"; => Item1 | Item2 | Item3

Stimmt ich habe auch erst drüber nachgedacht das mit pseudoklassen zu erwähnen. Vielleicht wäre nicht sinnvoll in diesem Anwendungsfall die bessere Wortwahl. Danke für die Anmerkung

Hallo Worf,

A) Dieser Code:

.nav-pill.margin-right: 20pxs > li > a {

padding-right: 0;

padding-left: 0;

}

das rote, ist komplett falsch (grundsätzliche Erklärung dazu unten).

B) Das hier:

.nav-pills > li > a {
padding-right: 0;
padding-left: 0;
}

gibst Du wieder rein (bezieht sich auf obiges Menü).

Generelle Erklärung zu B.) Eintragung in der user.css

In der 1. Zeile kommt die Info, welches Segment angesprochen wird plus die öffnende Klammer:

Um beim obrigen Beispiel zu bleiben:

.nav-pills > li > a {

Ab 2. Zeile kommen die "Anweisungen":

padding-right:0;

Die 3. Zeile hat auch noch eine Anweisung:

padding-left: 0;

wenn fertig: eine schließende Klammer }

------------------

C). Entweder Du machst Lösungsvorschlag von firstlady, das wäre so:

.footer ul.nav li {
margin-right:20px;
 }

oder die von Anka > siehe #9 und #11

Ich hoffe, Du hast während meines postes nicht wieder was Neues gemacht, sonst stimmt mein obiges nicht mehr ...

Liebe Grüße

Christine

Das hier war 1 Lösung (dieser gilt für den footer):

Zitat von firstlady

Wenn du in den nav-pills noch ein margin-right: 20px einfügst sollte es einen Abstand geben.

Das wirkt dann natürlich auf alle Navigationselemente. Wenn du das nicht willst, kannst du das auch auf den footer eingrenzen.

hattest Du aber einen falschen Code reingegeben. Siehe #15 > A)

& habe Dir dafür diesen vorgeschlagen:

.footer ul.nav li {margin-right:20px; }

dieser gilt für den footer.

Die 2. Lösung von Anka, schrieb ich ja auch, siehe #9 und #11 wäre für Mainmenü und footer.

Der Vorteil davon, steht auch bei ihrer Erklärung.

Dein neueres post:

Zitat von Worf

ich würde das gerne Verstehen und nicht irgendwo einen Codeschnipsel eintragen.Hab halt keine Kenntnisse. Für euch langweiliges Tagesgeschäft, für mich Neuland.

das war aber jetzt nicht nett.

Und wieder neuestes post:

Zitat von Worf

Beim Footer ist alles ok.

Beim Main Menu allerdings nicht. Hat das mit den grafischen Elementen zu tun?

Ja. Wolltest Du ja so haben. Also, dass Grafik oben bestehen bleibt, aber diese umgebenden Rahmen weg sollten. Und diese sind mit Ankas 2 Codes vom 1. Thread weg.

Wie soll es denn jetzt sein? Das 2. Mainmenü gibt es ja erst seit jetzt. Also nach den vorigen posts.

Gut, soeben gesehen. Ans Ende der user.css:

Ist für das Mainmenü

ul.nav-pills li {
margin-right:20px;    
}