Dickes CSS Problem mit Links und Listen...

Diskutiere mit über: Dickes CSS Problem mit Links und Listen... im Web Page Design Forum

  1. sideshow

    sideshow Thread Starter MacUser Mitglied

    Beiträge:
    92
    Zustimmungen:
    0
    Registriert seit:
    24.01.2005
    ich hab da ein dickes problem... und zwar will ich ein menu mittels einer unsortieren liste und css basteln. schwirikeit? sie soll so aussehen (siebe bild)

    ich habs sogar schon hinbekommen und es funktioniert auch wunderbar in FAST allen browsern. wo gehts natürlich nicht? im IE!

    habt ihr evtl. ne idee wie ich das so umbauen kann das es im internetexplorer für pc auch funzt?

    hier mein bisheriger code:

    Code:
    .menulinks {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }
    
    .menulinks li {
        margin: 5px;
        margin-top: 12px;
        margin-bottom: 5px;
        padding-left: 15px;
        height: 8px;
        line-height: 1px;
        background: #fc0;
    }
    
    .menulinks li:hover {
        background: #b7c6f1;
        cursor: pointer;
        font-weight: bold;
    }
    
    <ul class="menulinks">
        <li>Planungsebene</li>
        <li>PLZ1</li>
        <li>PLZ2</li>
        <li>PLZ3</li>
    </ul>
    
    einzige schwierigkeit - es sollen keine a tags vorkommen (bitte fragt mich jetzt nicht warum, das geht nicht von mir aus!)
     

    Anhänge:

  2. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    Registriert seit:
    25.07.2004
    Was geht denn im IE nicht?

    2nd
     
  3. sideshow

    sideshow Thread Starter MacUser Mitglied

    Beiträge:
    92
    Zustimmungen:
    0
    Registriert seit:
    24.01.2005
    da gehen zum einen keine :hover effekte auf li elemente (gut, das war mir klar und ist nicht das problem), aber im ie ist der text komplett abgeschnitten!
     
  4. Katrin

    Katrin MacUser Mitglied

    Beiträge:
    326
    Zustimmungen:
    3
    Registriert seit:
    12.07.2002
    Das dürfte auf das fehlerhafte Boxmodell des WIN-IE zurückzuführen sein ---> siehe hier. Ich würde ggf. den gelben Balken mittels Hintergrundbild einblenden, so brauchst du kein padding-top und padding-bottom. Katrin PS: Wie soll ein Menü in korrektem Markup ohne <a>-Tags auskommen? Und warum?
     
  5. sideshow

    sideshow Thread Starter MacUser Mitglied

    Beiträge:
    92
    Zustimmungen:
    0
    Registriert seit:
    24.01.2005
    mit den a tags hast du natürlich recht - aber warum kann ich dir jetzt nicht so wirklich erklären. ;)
    auf jeden fall hab ichs jetzt mit hintergrundgrafiken gelöst (also den gelben balken) und das funktioniert ganz wunderbar!!!

    danke euch!
     
Die Seite wird geladen...
Ähnliche Themen - Dickes CSS Problem Forum Datum
CSS Selektor - Leerzeichen Web Page Design 12.09.2015
lokale css-Anweisung für macuser.de? Web Page Design 21.07.2015
Auslagerung von Klassen in CSS-File Web Page Design 02.04.2015
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
CSS: Styling von Abonnieren-Feld Web Page Design 20.08.2014

Diese Seite empfehlen

Benutzerdefinierte Suche