Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Hilfe beim Listenstyle

  1. #1
    Unregistriert
    Gast

    Standard Hilfe beim Listenstyle

    Ich bekomme den list-style-type nicht so ganz hin, im footer sollen schwarze kreise sein und bei maushover die durchsichtigen kreise. Er macht es aber nicht

    HTML-Code:
    <ul id="footer">
                <li id="copyright">&copy; 2011 - <?php echo date("Y | "); ?>Alle Rechte vorbehalten!</li>
                <li><a href="../inhalt_inc/kontakt.php">Kontakt</a></li>
                <li><a href="../inhalt_inc/impressum.php">Impressum</a></li>
            </ul>
    HTML-Code:
    ul#footer {
        height: 30px;
        line-height: 38px;
        margin-top: 20px;
        padding: 10px 35px 0 0;
        font: 0.8em arial, verdana, sans-serif;
        text-align: right;
        word-spacing: 1.3em;
        background: #57626a url(bilder/menu.jpg) no-repeat;
    }
    ul#footer li {
        display: inline;
        list-style-type: disc;
    }
    ul#footer li a {
        color: #eee;
    }
    ul#footer li:hover {
        color: #eee;
        list-style-type: circle;
    }
    ul#footer li#copyright {
        padding-right: 2em;
        word-spacing: 0;
    }
    Nehme ich display:inline in ul#footer li raus gehen die spiegelstriche, aber dann sitzt alles untereinander.

    Das komische ist, auf selber seite habe ich eine andere liste mit anderen spiegelstrichen die funktioniert problemlos.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe beim Listenstyle

    Bastle dir für die Kreise/Hoverkreise zwei Grafiken und weise sie dem a-link zu.
    Siehe http://www.ohne-css.gehts-gar.net/0010.php

  3. #3
    Unregistriert
    Gast

    Standard AW: Hilfe beim Listenstyle

    Heisst das dass es nicht mit css geht? Und wenn ja wieso geht es dann bei meiner ersten Liste?

    HTML-Code:
    ul#linkliste {
        padding: 1em 0 0 1.3em;
        list-style-type: square;
    }
    ul#linkliste li a {
        color: #57626a;
    }
    ul#linkliste li:hover {
        list-style-type: none;
    }
    Das funktioniert und ist genauso aufgebaut wie die andere liste

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe beim Listenstyle

    Doch, das geht mit CSS und ist auch CSS.
    Nur werden die Grafiken dem Link und nicht der Listenzeile zugewiesen.

  5. #5
    Unregistriert
    Gast

    Standard AW: Hilfe beim Listenstyle

    moin moin

    aber wenn es mit css geht würde ich es gerne auch damit machen! Aber wie , sieh mal her hier habe ich zwei listen:

    1. Funktioniert!

    HTML-Code:
    ul#werbung_linksunten {
        padding: 1em 0 0 1.3em;
        list-style-type: square;
    }
    ul#werbung_linksunten li a {
        color: #57626a;
    }
    ul#werbung_linksunten li:hover {
        list-style-type: none;
    }
    2. Funktioniert definitiv nicht!
    HTML-Code:
    ul#footer {
        height: 28px;
        padding: 12px 35px 0 0;
        font: 0.8em arial, verdana, sans-serif;
        text-align: right;
        word-spacing: 1.1em;
        background: #57626a url(bilder/menu.jpg) no-repeat;
        list-style-type: disc;
    }
    ul#footer li {
        display: inline;
    }
    ul#footer li a {
        color: #eee;
        text-decoration: underline;
    }
    ul#footer li a:hover {
        color: #eee;
        list-style-type: circle;
        text-decoration: none;
    Im HTML Bereich sind beide listen gleich aufgebaut, aber woran liegt das dass es nicht funktioniert?

  6. #6
    Interessierte/r
    Registriert seit
    04.12.2005
    Beiträge
    133
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe beim Listenstyle

    moin ...
    list-style-type: kannst Du in Deinem Fall nur auf <ul> anwenden. Ich denke mal das einige Browser einige Fehler trotzdem wie gewünscht darstellen. falls es da Änderungen gibt würde es mich auch interessieren.
    gruß ...

  7. #7
    Unregistriert
    Gast

    Standard AW: Hilfe beim Listenstyle

    danke für die antwort.

    Ich sehe es aber im Firefox7 nicht????????

    Und wie gesagt in einer anderen Liste auf selber Seite klappt es problemlos.

    Das kann doch nicht sein

  8. #8
    Unregistriert
    Gast

    Standard AW: Hilfe beim Listenstyle

    Huhu, ich würde gerne wissen warum meine css löscung nicht funktioniert?

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe beim Listenstyle

    Hier
    Code:
    ul#footer li a:hover {
        color: #eee;
        list-style-type: circle;
        text-decoration: none;
    hast du list-style-type dem a zugewiesen.
    Im funktionierenden Fall obendrüber jedoch dem li.

    Da a kein Listenelement und zudem ein Inlineelement ist funktioniert list-style-type nicht bei a.

  10. #10
    Unregistriert
    Gast

    Standard AW: Hilfe beim Listenstyle

    sry ich habe natürlich beide möglichkeiten versucht, das lustige an der ganzen sache ist: gebe ich im footer li:hover an funktionieren die hovereffekte gar nicht mehr. In der Werbung_linksunten Liste ist das nicht so. Da klappt es, ich bin voll verzweifelt, das kann einfach nicht sein?

Ähnliche Themen

  1. Hilfe beim BLOG !
    Von Joy im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.10.2007, 15:20
  2. Hilfe beim Zufallshintergrund
    Von mfire im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 19.08.2007, 23:13
  3. Hilfe beim Forum
    Von im Forum Webanwendungen - Webapplikationen
    Antworten: 5
    Letzter Beitrag: 13.08.2005, 20:25
  4. Hilfe beim IFrame
    Von Mic-Style im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 04.08.2005, 13:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •