Versch. Listen (UL) in einer CSS

Diskutiere mit über: Versch. Listen (UL) in einer CSS im Web Page Design Forum

  1. linus.van.pelt

    linus.van.pelt Thread Starter MacUser Mitglied

    Beiträge:
    438
    Zustimmungen:
    1
    Registriert seit:
    13.01.2005
    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 ...
     
  2. xlqr

    xlqr MacUser Mitglied

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

    linus.van.pelt Thread Starter MacUser Mitglied

    Beiträge:
    438
    Zustimmungen:
    1
    Registriert seit:
    13.01.2005
    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?
     
  4. xlqr

    xlqr MacUser Mitglied

    Beiträge:
    1.943
    Zustimmungen:
    15
    Registriert seit:
    08.09.2003
    versuchs mal im css statt mit ul.liste nur mit .liste
     
  5. linus.van.pelt

    linus.van.pelt Thread Starter MacUser Mitglied

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

    linus.van.pelt Thread Starter MacUser Mitglied

    Beiträge:
    438
    Zustimmungen:
    1
    Registriert seit:
    13.01.2005
    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 ... ;)
     
  7. joachim14

    joachim14 MacUser Mitglied

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

    So ähnlich wie

    .liste1 blah blah
    .liste2 blah2 blah2
     
  8. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    Registriert seit:
    01.06.2004
    probiere mal .liste ul {}
     
  9. pichfl

    pichfl MacUser Mitglied

    Beiträge:
    134
    Zustimmungen:
    2
    Registriert seit:
    03.08.2005
    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.
     
  10. joachim14

    joachim14 MacUser Mitglied

    Beiträge:
    7.295
    Zustimmungen:
    433
    Registriert seit:
    08.02.2005
    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;
    }
     
Die Seite wird geladen...
Ähnliche Themen - Versch Listen (UL) Forum Datum
webseiten bauen nur mit listen - SEO? Web Page Design 29.11.2010
Listen und der Zeilenumbruch Web Page Design 29.05.2009
habe Probleme mit Positionierung von "background: url();" in Listen Web Page Design 17.05.2008
Listen ausklappen wie Windows-Explorer-Ordneransicht Web Page Design 23.01.2007

Diese Seite empfehlen

Benutzerdefinierte Suche