Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [phpBB2] Beitragsoptionen nicht sichtbar
von inde Gestern um 20:14

» [phpBB3] Als Admin den Avatar ändern
von inde Gestern um 14:33

» [#10397][phpBB3] Verschobene Werbung auf allen Seiten
von Bigtuber Do 20 Jul 2017 - 18:41

» Letzter Besuch nie
von Simo Mi 19 Jul 2017 - 17:00

» [ModernBB] Portal und Forum eine Seite
von Emily Stein Di 18 Jul 2017 - 22:40

» [phpBB2] Tooltip auf Avatar klappt nicht ganz
von Sei3009 Di 18 Jul 2017 - 18:26

» [#10378] Guthaben mit Paypal bezahlt und nach 2 Tagen nicht in der Guthabenverw
von inde Mo 17 Jul 2017 - 17:13

» kann nicht einloggen-möchte Forum löschen
von inde Sa 15 Jul 2017 - 18:54

» Missbrauchsmeldung
von inde Sa 15 Jul 2017 - 18:02

» Naruto - Shinobi no Monogatari
von Shiga Sa 15 Jul 2017 - 1:57

» Gleiche Avatare automatisch verbieten [phpBB3] 
von inde Sa 15 Jul 2017 - 0:29

» Account bei http://hilfe.forumieren.com löschen
von inde Fr 14 Jul 2017 - 22:42

» [phpBB2] Texteingabefeld Chatbox vergrößern
von inde Fr 14 Jul 2017 - 16:08

» [phpBB2] Benachrichtigung in der Toolbar funktioniert nicht
von inde Fr 14 Jul 2017 - 14:21

» Pokémon Competitive Forum
von Primory Fr 14 Jul 2017 - 10:49

» Smiley-Maximum?
von Emily Stein Fr 14 Jul 2017 - 10:41

www.forumieren.de

Abstand Unterkategorie (Extra Navibar)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 15:30

So... Wie erwartet, da bin ich wieder Smile

Nun habe ich ein weiteres Problem mit meiner Navibar. (Hier nochmal das Forum: http://tsukiko.forumieren.com/ )

Zwischen den Unterkategorien ist ein sehr großer Abstand. Der hier: http://abload.de/img/kategorieabstandd0uic.png
Ich habe fast jeden zugehörigen CSS Code unter die Lupe genommen und habe ausprobiert wie ich diesen Abstand wieder weg bekomme. Nichts tut sich.

So wie man mich kennt übersehe ich ja viel.  Lesen

Könnte mir bitte jemand helfen diesen Fehler zu beseitigen? Smile
Ich finde ihn einfach nicht.

LG


Zuletzt von Traiceheart am Fr 10 Okt 2014 - 19:03 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 17:05

Ich habe es mir nun mal etwas genauer angesehen. Da das ganze ja etwas umfangreicher ist und auch noch der Hover Effekt zum Tragen kommt, ist es nicht so einfach zu sehen.
Kannst du bitte mal alle CSS Einträge, die die Navi betreffen hier einstellen?
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 17:06

Hier sind die CSS Einträge Wink :
Code:
#navigation ul ul {
     top: -9999px;
     -webkit-box-shadow: 0 10px 10px #888;
     -moz-box-shadow: 0 10px 10px #888;
     box-shadow: 0 10px 10px #888;
     position: absolute;
     padding: 0;
     margin: 0;
}
 
#navigation ul li:hover ul {
     top: 17px;
}

 
#navigation ul li a {
     color: #fff;
     text-decoration: none;
}
 
#navigation ul li a:hover {
     color: #fff;
}
 
#navigation ul ul li {
     float: none;
     font-size: 15px;
     padding: 5px 10px;
     text-align: center;
     text-transform: uppercase;
     margin: 0;
     border-bottom: 1px solid #ddd;
     line-height: 15px;
  color: #fff;
  background-color: #221421;
}
 
#navigation ul ul li:hover {
     background: #221421;
     color: #fff;
}
 /*UNTERKATEGORIE LINK - KEINE HINTERGUNDFARBE*/
#navigation ul ul a {
     color: #333;
     text-decoration: none;
    background: none;
}
/*ENDE*/

/*ENDE*/



body {
 padding:5px;
 font-family: Georgia;
}

#navigation {
 width:950px;
 font-size:22px;
 position: relative;
  font-family: 'Indie Flower';
 left:0px;
}

#navigation a {
 color:#fff;
 text-decoration:none;
}

#navigation nav {
 text-transform: uppercase;
 background: #70646f;
 height:57px;
 border-left:1px solid #70646f;
 border-right:1px solid #70646f;
 z-index:3;
 position: relative;
 width:100%;
 left:-1px;
}

nav a {
 padding:4px 20px;
 border-radius:15px;
}

nav a:hover { background:#bdb3bc; }

.active-menu {
 padding:27px 40px 20px 0px;
 background-image: url(http://abload.de/img/dreieckkleinxzeh8.png);
        background-repeat: no-repeat;
  margin: 0 0 0 30px;
}

#navigation ul {
 padding:0;
 margin: 0;
 position: absolute;
 top:30%;
  margin: 0 0 0 290px;
}

#navigation ul li {
 float:left;
 list-style: none;
 margin-left:5;
  right: 0px;
}


Zuletzt von Traiceheart am Fr 10 Okt 2014 - 17:38 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 17:23

Kannst du mir mal bitte den Teil deiner Navi geben, der den ersten Kategorielink betrifft?
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 17:34

Meinst du das HTML Gerüst oder den CSS Teil?
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 17:38

Das HTML. Ich kann hier leider nicht den Fehler finden.
Hast du hinter jedem Menüpunkt in den Untermenüs ein Zeilensprung (Enter) eingesetzt?
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 17:50

Nein ich habe kein Zeilensprung eingesetzt.
Ich habe das jetzt mal in dem Code so gemacht und habe bei einer Kategorie alle Leerzeichen und vermeintliche Zeilenumbrüche entfernt. Leider ist trotzdem keine Änderung vorhanden.

Hier ist der Teil des HTML Gerüsts:
Code:
<nav>
   <ul>
      <li><a href="http://tsukiko.forumieren.com/" class="active-menu">Startseite</a></li>
      <li><a href="#">Kategorie</a>
          <ul>
              <a href="#"><li>Kategorie 1</li></a><a href="#"><li>Kategorie 2</li></a><a href="#"><li>Kategorie 3</li></a><a href="#"><li>Kategorie 4</li></a>
              </ul></li>
      <li><a href="#">Kategorie</a>
          <ul>
              <a href="#"><li>Kategorie 1</li></a>
              <a href="#"><li>Kategorie 2</li></a>
              <a href="#"><li>Kategorie 3</li></a>
              <a href="#"><li>Kategorie 4</li></a>
              <a href="#"><li>Kategorie 5</li></a>
              </ul></li>
      <li><a href="#">Kategorie</a>
          <ul>
              <a href="#"><li>Kategorie 1</li></a>
              <a href="#"><li>Kategorie 2</li></a>
              <a href="#"><li>Kategorie 3</li></a>
              <a href="#"><li>Kategorie 4</li></a>
              <a href="#"><li>Kategorie 5</li></a>
              </ul></li>
   </ul>
</nav>
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 17:57

Kannst du bitte mal versuchen, was passiert, wenn du die Untermenüs so schreibst:
Code:
<li><a href="#">Kategorie</a>
          <ul>
              <a href="#"><li>Kategorie 1</li></a><a href="#"><li>Kategorie 2</li></a><a href="#"><li>Kategorie 3</li></a><a href="#"><li>Kategorie 4</li></a><a href="#"><li>Kategorie 5</li></a></ul></li>
Ansonsten muss es an der Zuweisung zu li liegen, das dort die Abstände so groß sind.
Das würde bedeuten, das wir die li Class neu definieren müssten und dort dann die Abstände verringern müssen.
Ich würde da dann die Class li_nav einsetzen und darüber versuchen die Abstände zu ändern.
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 18:11

Nein es hat leider nicht funktioniert.

Meinst du das mit der Zuweisung dann so?:
Code:
#navigation li nav {
}
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 18:14

Nein nicht so ganz. Wir sind noch am überlegen, wie wir hier vorgehen müssen.
So ganz sicher sind wir aber noch nicht.
Man müsste das eventuell mal in ein Testforum einsetzen um zu sehen, was man hier eventuell noch ändern kann um diesen Abstand gesondert ansprechen zu können.
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 18:33

Hmm, verstehe.
Erstellt ihr das Testforum oder soll ich eins erstellen und euch das PW zusenden?
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 18:35

Gut, wir haben eventuell eine Lösung.
Bitte ändere deinen Eintrag:
Code:
#navigation ul ul {
     top: -9999px;
     -webkit-box-shadow: 0 10px 10px #888;
     -moz-box-shadow: 0 10px 10px #888;
     box-shadow: 0 10px 10px #888;
     position: absolute;
     padding: 0;
     margin: 0;
}
Mal bitte so ab:
#navigation ul ul {
    top: -9999px;
    -webkit-box-shadow: 0 10px 10px #888;
    -moz-box-shadow: 0 10px 10px #888;
    box-shadow: 0 10px 10px #888;
    position: absolute;
    padding-top: 20px;
    margin: 0;
}
Und dann füge deinem CSS noch diesen Code hinzu:
Code:
nav li > a {
border-radius: 15px;
padding: 4px 20px;
}
Dann schauen wir mal wie sich das auswirkt.


Zuletzt von #Frank am Fr 10 Okt 2014 - 18:43 bearbeitet; insgesamt 1-mal bearbeitet
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 18:43

Leider gar nichts.
Das einzige was sich verändert ist der Abstand von der Kategorie und der Unterkategorie.
Aber die Unterkategorien haben immer noch den selben Abstand von einander.

EDIT!: Ich weiß nicht ob es euch weiterhilft wenn ich euch mal den Link gebe wo ich das Menü her habe: http://www.olivergast.de/2012/04/18/css3-dropdown-menu/
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 18:55

Bitte entferne noch mal diesen Eintrag aus deinem CSS:
Code:
nav a {
  border-radius: 15px;
  padding: 4px 20px;
}
Der wird ja durch den Eintrag:
Code:
nav li > a {
border-radius: 15px;
padding: 4px 20px;
}
Also das erste kommt raus und der zweite bleibt so drin.
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von Traiceheart am Fr 10 Okt 2014 - 19:01

Gott Frank du bist ein Schatz!!
Vielen Vielen Dank an euch! Rose
Alleine wäre ich da niemals drauf gekommen Smile

Einen schönen Abend wünsche ich euch noch.

Lg,
Traice
avatar
Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand Unterkategorie (Extra Navibar)

Beitrag von #Frank am Fr 10 Okt 2014 - 19:10

Ich bin da auch nicht alleine drauf gekommen. Leider bin ich etwas erkältet, so das der Kopf nicht richtig arbeitet.
Danke Günther, das er mich auf den richtigen Weg gebracht hat.
Ich denke das du weitete Anpassungen nun selber noch vornehmen kannst.

Noch dazu das du da solche Probleme hast:
Der Code für die Navigation den du hier benutzt, ist nicht gerade sehr gut geschrieben. Eigentlich sollte der noch um einiges erweitert werden um bessere Classifizierungen einsetzen zu können.
Das was du hier gefunden und eingesetzt hast, ist ein Grundgerüst, das man eigentlich noch erweitern und verfeinern sollte.
Aber wenn du mit dem Ergebnis so zufrieden bist, dann ist das so auch ausreichend.

closed
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten