Navigationsleiste

Antworten
#1
02.05.2017 16:36 (zuletzt bearbeitet: 02.05.2017 16:38)
avatar  winnemely
#1 Navigationsleiste
avatar
winnemely
Mitglied

Wie kann ich es am besten realisieren, das es in einer Flucht aussieht und nicht so wie auf dem Bild zu sehen? Wer hat einen Tipp. Seit ich die kleinen Icons eingefügt habe, ist das so. Verschieben der einzelnen Rubriken bringt nichts, habe ich schon probiert. Ich habe die Icons jetzt erst mal raus genommen, denn so kann ich das nicht lassen.

Danke für einen Tipp.


 Antworten

 Beitrag melden
#2
02.05.2017 16:42 (zuletzt bearbeitet: 02.05.2017 16:43)
avatar  winnemely
#2 RE: Navigationsleiste
avatar
winnemely
Mitglied

So wie es jetzt aussieht ist es in Ordnung mit den zwei Icons, die habe ich mal drin gelassen.. Ich hätte aber gerne in der oberen Reihe noch ein paar mehr Icons wie z.b. für Portal, Suche, Login, Forenhilfe, Forum Übersicht, Neueste Beiträge. Vielleicht geht das auch gar nicht?....


 Antworten

 Beitrag melden
#3
02.05.2017 18:12
avatar  Mike48
#3 RE: Navigationsleiste
avatar
Mike48
Mitglied

Entweder ist die Schrift zu groß oder die Höhe des li-Element in der Navi zu klein.

1
2
3
4
5
6
7
 
ul.navigation li a {
  font-size: 19px;  /* das kleiner */
}
ul.navigation li {
  line-height: 21px;  /* oder das groesser */
}
 
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
#4
02.05.2017 18:29 (zuletzt bearbeitet: 02.05.2017 18:34)
avatar  winnemely
#4 RE: Navigationsleiste
avatar
winnemely
Mitglied

Hallo Mike 48, an der Schrift kann es nicht liegen, denn die kann man nicht ändern in der Größe. Jedenfalls gibt es da keine Einstellung dafür, glaube ich zumindest.
Und zu deinen Vorschlägen zwecks Größe und Höhe, das teste ich gleich mal. Vorerst mal Danke,.


 Antworten

 Beitrag melden
#5
02.05.2017 19:31 (zuletzt bearbeitet: 02.05.2017 19:38)
avatar  Mike48
#5 RE: Navigationsleiste
avatar
Mike48
Mitglied

Einträge in CSS
Admin → Layout → Farben&Einstellungen → CSS

Schrift in der Navi kleiner machen. Von 19px auf 17px könnte reichen.

1
2
3
 
ul.navigation li a {
  font-size: 17px; 
}
 



Oder die Navizeilen höher machen. Von 21px auf 22px könnte reichen.

1
2
3
4
 

ul.navigation li {
  line-height: 22px;  /* oder das groesser  */
}
 



Also entweder Schrift, oder Zeilenhöhe.

Sieht dann so aus bei schmalem und breitem Bildschirm font-size: 17px; und line-height: 21px;

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
Bildanhänge

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!