Lexi Help
Die neuesten Themen
» Begriff : "merken"
von Ray Heute um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Heute um 11:07

» Servamp Forum
von Raine Kamiya Gestern um 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 20:56

» Private Nachrichten
von inde Gestern um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank So 25 Sep 2016 - 16:57

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

Partner
free forum

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

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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?



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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?



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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?

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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?



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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>

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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 {
}

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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?

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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/

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 337
Anmeldedatum : 30.04.12
Chrome

Nutzerprofil 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



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten