Abstand im Menü

6 posts from 2 voices

• Started 2 years ago by emitremmus
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   emitremmus
   Member

   Hallo,

   zwischen den einzelnen Menüpunkten ist auf unserer Seite unterschiedlich viel Platz. Es sind ja zwischen einzelnen Menüpunkten diese vertikalen grauen Streifen. Nun ist es so, das der Abstand zwischen diesen Streifen immer unterschiedlich breit ist.

   Beispiel: Menüpunkt "News" hier ist der Abstand relativ groß, da das Wort nur sehr kurz ist
   Beispiel: Menüpunkt "Unser Verein" hier ist der Abstand wiederrum nur sehr klein, aber so wie wir es eigentlich wünschen.

   Wie können wir es nun mit CSS so einstellen, dass dieser Abstand zwischen den Streifen auch bei kurzen Menüpunkten genauso ist, wie bei längeren Wörtern?

   Grüße
   emitremmus

   Posted 2 years ago #
2. 

   Dude
   Dude

   Dieser Thread könnte dir weiterhelfen: http://www.kriesi.at/support/topic/menu-text-is-not-centered

   Posted 2 years ago #
3. 

   emitremmus
   Member

   Ja das habe ich schon probiert. Allerdings wird der Abstand zwischen den einzelnen Streifen nicht kleiner, nur die Breite insgesamt.

   Posted 2 years ago #
4. 

   Dude
   Dude

   Dann bleibt nur noch die Möglichkeit die Breite per "Menu item id" zu regeln. Hierzu muss man sich den Quelltext seiner Webseite betrachten und sich die einzelnen Ids notieren.

   z.B. bei Kriesis Demo Seite: http://www.kriesi.at/themes/cleancut/ hat der erste Menüpunkt die ID 37, der zweite 42, usw.

   In style.css trägt man dann ein:
   

   .page-item-37{
   width:80px !important;
   }
   
   .page-item42{
   width:100px !important;
   }

   wobei man den Wert von "width" frei wählen kann

   Posted 2 years ago #
5. 

   emitremmus
   Member

   Also ich hab das jetzt versucht, aber irgendwie klappt das nicht.

   Bei mir steht im Quelltext folgendes:
   <li id="menu-item-593" class="menu-item menu-item-type-post_type"><a href.....

   Nun hab ich das .page-item schon mit .menu-item ersetzt, allerdings passiert rein gar nichts.

   Mein Eintrag in der style.css:

   .menu-item-593{
   width: 40px !important;
   }

   Posted 2 years ago #
6. 

   Dude
   Dude

   Probiere einmal:
   

   #menu-item-593{
   width: 40px !important;
   }

   daher ersetzte den "." mit "#"

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.