Versch. Listen (UL) in einer CSS

  1. linus.van.pelt

    linus.van.pelt Thread StarterMacUser Mitglied

    Mitglied seit:
    13.01.2005
    Beiträge:
    438
    Zustimmungen:
    1
    hallo,

    weiss jemand, ob ich verschiedene listen styles in einer CSS definieren kann. ich habe das menü als liste angelegt, will aber im text ne liste anders formatieren ...
     
    linus.van.pelt, 08.08.2006
  2. xlqr

    xlqrMacUser Mitglied

    Mitglied seit:
    08.09.2003
    Beiträge:
    1.942
    Zustimmungen:
    15
    gib den listen ne jeweils andere class, dann passt das schon ...
     
    xlqr, 08.08.2006
  3. linus.van.pelt

    linus.van.pelt Thread StarterMacUser Mitglied

    Mitglied seit:
    13.01.2005
    Beiträge:
    438
    Zustimmungen:
    1
    schon versucht. bekomm es nicht hin.

    css:
    ul.liste{margin-top:10px;
    list-style-type: square;}

    html:
    <ul class="liste">


    ist doch korrekt so, oder?
     
    linus.van.pelt, 08.08.2006
  4. xlqr

    xlqrMacUser Mitglied

    Mitglied seit:
    08.09.2003
    Beiträge:
    1.942
    Zustimmungen:
    15
    versuchs mal im css statt mit ul.liste nur mit .liste
     
    xlqr, 08.08.2006
  5. linus.van.pelt

    linus.van.pelt Thread StarterMacUser Mitglied

    Mitglied seit:
    13.01.2005
    Beiträge:
    438
    Zustimmungen:
    1
    nee, funzt leider auch nicht ...
     
    linus.van.pelt, 08.08.2006
  6. linus.van.pelt

    linus.van.pelt Thread StarterMacUser Mitglied

    Mitglied seit:
    13.01.2005
    Beiträge:
    438
    Zustimmungen:
    1
    so, jetzt gehts. da im css noch das menü über liste definiert wurde, hat sich das ganze irgendwie vermischt. nachdem ich diese definition nicht mit der allgemeinen liste gemacht habe, sondern einen spezielle menü-listen definition gemacht habe, hat es funktioniert. ich glaube das kapiert niemand was ich hier gerade geschrieben habe ... ;)
     
    linus.van.pelt, 09.08.2006
  7. joachim14

    joachim14MacUser Mitglied

    Mitglied seit:
    08.02.2005
    Beiträge:
    7.295
    Zustimmungen:
    433
    Doch.

    So ähnlich wie

    .liste1 blah blah
    .liste2 blah2 blah2
     
    joachim14, 09.08.2006
  8. ThaHammer

    ThaHammerMacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    probiere mal .liste ul {}
     
    ThaHammer, 09.08.2006
  9. pichfl

    pichflMacUser Mitglied

    Mitglied seit:
    03.08.2005
    Beiträge:
    134
    Zustimmungen:
    2
    käse, wenn man versucht die <ul> mit der class "liste" zu erreichen.
    damit erreicht man jede weitere <ul> innerhalb der <ul> mit der class "liste"

    ----

    was eventuell helfen kann (dein weg mit ul.liste war soweit richtig) ist eine deutlichere auszeichnung.

    eventuell ist deine ursprüngliche definition stärker als ul.liste

    daher einfach mal "html body ul.liste{ }" versuchen, 2 tag-elemente + 1 mit class sollte eigentlich stark genug sein, jede andere definition auszuhebeln.
    wenn nicht, noch ein element mit id dazwischenschalten (hat man ja eh sehr oft)

    html body div#wrapper ul.liste{ }

    desweiteren: weitere fehler ausschließen: kann es eventuell sein, dass das margin-top mit einem anderen margin zusammenfällt?
    zum testen ob die styles funktionieren definiere ich meistens erstmal eine übertriebene hintergrundfarbe (#f00 oder ähnliches)
    und: cache leeren nicht vergessen, hat mich schon viel nerven gekostet.

    viel glück.
     
    pichfl, 09.08.2006
  10. joachim14

    joachim14MacUser Mitglied

    Mitglied seit:
    08.02.2005
    Beiträge:
    7.295
    Zustimmungen:
    433
    Vielleicht noch ein Versuch für 2 unterschiedliche Navilisten:

    .navilist11 {
    list-style-type:none;
    position:absolute;
    margin:0px;
    padding:0px;
    border:0px;
    top:100px;
    font-weight:bold;
    color:white;
    font-size:14px;
    left:10px;
    width:180px;
    }
    .navilist11 li{
    margin-top:10px;
    margin-left:5px;
    left:0px;
    padding:0px;
    }

    .navilist31 {
    list-style-type:none;
    position:absolute;
    margin:0px;
    padding:0px;
    border:0px;
    top:100px;
    font-size:12px;
    left:810px;
    width:180px;
    }
    .navilist31 li{
    margin-top:5px;
    margin-left:10px;
    }
     
    joachim14, 09.08.2006
Die Seite wird geladen...
Ähnliche Themen - Versch Listen (UL)
  1. wakethedead
    Antworten:
    6
    Aufrufe:
    654
    wakethedead
    19.12.2010
  2. raka
    Antworten:
    3
    Aufrufe:
    1.788
    falkgottschalk
    08.09.2010
  3. Ronaldihno
    Antworten:
    4
    Aufrufe:
    726
    ThaHammer
    01.06.2009
  4. SteveHH
    Antworten:
    16
    Aufrufe:
    786
    lasilfide
    20.03.2009
  5. gustavmega
    Antworten:
    0
    Aufrufe:
    312
    gustavmega
    17.05.2008