Ergebnis 1 bis 6 von 6

Thema: Left / Right Border im Untermen letzter Menpunkt lschen

  1. #1
    HTML Newbie
    Registriert seit
    30.03.2016
    Beitrge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Left / Right Border im Untermen letzter Menpunkt lschen

    Hi,

    habe ein Standard horizontales Men mit einigen Untermens programmiert.

    Um im Hauptmen den rechten Rand am Ende und den linken Rand am Anfang nicht anzeigen zu lassen, mache ich ja:

    Code:
    menu li:last-child{border-right:none;}
    menu li:first-child{border-left:none;}
    Nun wenn ich das so mache, ist aber im ersten Untermen und nur da, trotzdem zum zweiten Untermenu hin ganz unten der linke Rand da (der steht aber rechts).

    Wie kann ich das hinbekommen, das nur der rechte Rand angezeigt wird? Oder gar kein Rand? Halt das der Rand so ist, wie in den anderen Menpunkten?

    Hab alles versucht nth, first-list-type, last-list-type, first-child li li, ul li, last-child etc....

    Wenn ihr mal auf den Link schaut, da seht ihr im ersten Menupunkt bei Top100-->Sony, den hellgrauen Rand, im zweiten Menupunkt bei Action--->Horror ist das aber nicht mehr so. Genau hinschauen!

    http://rombel.de/gt/menu.php

    Jemand eine Lsung parat?

    Danke und Gru

    raining_storm
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist lter als 90 Tage. Die darin enthaltenen Informationen sind mglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Gendert von raining_storm (30.03.2016 um 22:04 Uhr) Grund: falsch : SEGA = Sony

  2. #2
    Knig(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beitrge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Left / Right Border im Untermen letzter Menpunkt lschen

    Wenn Du etwas auf nur auf die Hauptmenpunkte beschrnken willst, schreib es so:
    Code:
    nav > ul > li:first-child

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    30.03.2016
    Beitrge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Left / Right Border im Untermen letzter Menpunkt lschen

    Zitat Zitat von threadi Beitrag anzeigen
    Wenn Du etwas auf nur auf die Hauptmenpunkte beschrnken willst, schreib es so:
    Code:
    nav > ul > li:first-child

    h funktioniert nicht.

    Oder deinen Code habe ich so nicht verstanden (wegen fehlender Semikolon - Klammern)

    Evtl. mal korrekt schreiben wrde mir sicher helfen. Mercy

  4. #4
    Gromeister(in)
    Registriert seit
    04.08.2009
    Beitrge
    570
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Left / Right Border im Untermen letzter Menpunkt lschen

    Hallo

    Ich habe noch nicht durchschaut was du eigentlich erreichen mchtest.

    Sinnvollerweise werden border, die nicht angezeigt werden sollen, gar nicht erst eingefgt.

    Ich gehe mal von folgendem Darstellungswunsch aus:

    - border-left und border right sollen nur in der waagerechten Navigation angezeigt werden
    - beim ersten (linken) li-Element soll links kein border-left angezeigt werden
    - beim letzten (rechten) li-Element soll rechts kein border-right angezeigt werden
    - alle senkrechten li-Elemente sollen links und rechts keinen Rahmen erhalten

    Das wird folgendermaen erreicht:

    Zunchst werden die folgenden CSS-Anweisungen gelscht oder auskommentiert:

    Code:
       nav li:last-child {
          border-right: none;
       }
       nav li:first-child {
          border-left: none;
       }
    ...
       nav ul li {
          float: left;
          border-left: 1px solid #474747;
          border-right: 1px solid #000000;
       }
    Dann werden folgende CSS-Anweisungen hinzugefgt:

    Code:
       nav ul li {
          float: left;
       }
       nav>ul>li:nth-child(1n+2) {
          border-left: 1px solid #474747;
          /*border-left: 5px solid orange;*/
       }
       nav>ul>li:nth-last-child(1n+2) {
          border-right: 1px solid #000000;
          /*border-right: 5px solid red;*/
       }
    Die beiden auskommentierten Anweisungen kannst du aktivieren wenn die seitlichen border deutlicher angezeigt werden sollen. Unsichtbare oder fast unsichtbare Elemente sind zum Testen ungeeignet.

    Gruss

    MrMurphy
    Gendert von MrMurphy (31.03.2016 um 09:07 Uhr)

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    30.03.2016
    Beitrge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Left / Right Border im Untermen letzter Menpunkt lschen

    Zitat Zitat von MrMurphy Beitrag anzeigen
    Hallo

    Ich habe noch nicht durchschaut was du eigentlich erreichen mchtest.

    Sinnvollerweise werden border, die nicht angezeigt werden sollen, gar nicht erst eingefgt.

    Ich gehe mal von folgendem Darstellungswunsch aus:

    - border-left und border right sollen nur in der waagerechten Navigation angezeigt werden
    - beim ersten (linken) li-Element soll links kein border-left angezeigt werden
    - beim letzten (rechten) li-Element soll rechts kein border-right angezeigt werden
    - alle waagerechten li-Elemente sollen links und rechts keinen Rahmen erhalten
    Danke fr die Antwort und dein Mhe. So wie du es beschreibst, wollte ich es auch!

    Habe einen Kumpel in Amerika eben in seinem Halbschlaf kontaktiert und er brachte mir in 10 Sekunden die Lsung:

    nav ul ul li:last-child{border-right:1px solid #000;}
    nav ul ul li:first-child{border-right:1px solid #474747;}

    Damit sind auch alle Untermens entsprechend zu lsen. Je nach UL Ebene.

    Also wird der letzte Item im Men nur so dargestellt mit die Border die ich angegeben habe. Das war mein Ziel.

    Vorher war es ja nur so, das der letzte Item im Men einen grauen Rand darstellte! Jetzt ist alles so wie in den bermens.

    Mein Fehler war den Border kein Statement / Color zu geben.

    Gelst!
    Gendert von raining_storm (31.03.2016 um 01:23 Uhr)

  6. #6
    Interessierte/r
    Registriert seit
    05.01.2016
    Beitrge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: Left / Right Border im Untermen letzter Menpunkt lschen

    Hallo
    betreff Deine .css

    font-weight: none; gibt es NICHT !

    siehe..
    https://wiki.selfhtml.org/wiki/CSS/E...ng/font-weight

    und diese Zeile hat den roten Fehler
    #newstext {float:left; width:210px; text-align:justify; font-w}



    Gru modem-kind

hnliche Themen

  1. Youtube Videos beim klicken auf Menpunkt auf derselben Seite laden
    Von electric_prince im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 10.12.2015, 00:21
  2. Letzter Eintrag will sich nicht lschen lassen.
    Von Hauer im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 30.04.2010, 12:51
  3. Menpunkt wird falsch nicht angzeigt
    Von ludgerf321 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 18.01.2010, 19:04
  4. -khtml-border-radius / -webkit-border-radius
    Von Dommix im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.11.2009, 19:07
  5. ICQ - letzter login
    Von im Forum Computer - Internet Forum
    Antworten: 2
    Letzter Beitrag: 08.02.2007, 15:59

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •