Ankündigung

Einklappen
Keine Ankündigung bisher.

Hilfe bei a:hover

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Hilfe bei a:hover

    Hi.. Hoffe ihr kennt mir schnell helfen..
    hab nen kleinen denkfehler oder soo..

    Ich hab in meiner css für die ganze Seite a {color: #000000;} (Linkfarbe) und a:hover {color: #999999;} (Hover Linkfarbe) angegeben..

    Sieht man auf meiner seite über den Header (Impressum l Blog) http://s1mple.kilu.de

    Alles suppa.. da ist ja auch ein weißer Hintergrund..

    Nun möchte ich aber für die anderen Divs ne ander Farbeinstellung haben.. weil der Hintergrund bei den anderen Schwarz ist und nicht Weiß.. wie mach ich das?

    Gruß

    Edit: Hier mal die CSS-Datei

    /* Autor: Daniel Neuendorf
    Start: 25.09.2007
    */

    a {color: #000000;
    text-decoration: none;}

    a:hover {color: #999999;}

    #container {
    height: 786px;
    width: 659px;
    margin: 0px auto;
    }

    #header {
    width: 659px;
    height: 233px;
    background-image: url(../bilder/header.png);
    background-repeat: no-repeat;
    }
    #header #navi {
    padding-left: 25px;
    font-size: 0.6em;
    color: #000000;
    font-style: normal;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    padding-top: 5px;
    }


    #maincontent {
    height: 512px;
    width: 659px;
    background-image: url(../Bilder/content.png);
    background-repeat: repeat-y;
    }


    #footer {
    width: 659px;
    background-image: url(../Bilder/footer.png);
    background-repeat: no-repeat;
    text-align: right;
    color: #FFFFFF;
    height: 48px;
    }

    #navigation {
    background-image: url(../Bilder/navi.png);
    color: #FFFFFF;
    height: 27px;
    width: 659px;
    }
    #maincontent #content {
    color: #FFFFFF;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 3px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    }
    Zuletzt geändert von s1mple; 14.10.2007, 18:46.
    »Lernen ist wie Rudern gegen den Strom. Hört man damit auf, treibt man zurück.« Laozi, 6. Jahrhundert v. Chr. chinesischer Denker
    ~Juelz on deviantArt!
    ~Juelz website!

  • #2
    AW: Hilfe bei a:hover

    Sorry steige durch deinen Post gerade nicht durch...


    mit "a" hast du die Farbe der links bestimmt, und was willst du jetzt noch bestimmen?

    Wenn du an einer andern stelle die links ander farblich machen willst, gibt es folgende möglichkeit:

    Code:
    <p class="anders"><a href"">Test</a></p>
    CSS Datei

    Code:
    .p a {color: #FFFFFF;}
    Meine neue private Homepage ist fertig. Es wird um Meinungen, Anregungen, Kritik und Gästebucheinträge gebeten: http://markus.ug-team.de

    Kommentar


    • #3
      AW: Hilfe bei a:hover

      Wenn du an einer andern stelle die links ander farblich machen willst, gibt es folgende möglichkeit:
      Genau das wollte Ich.. war ja wieder mal ganz simple.. Dankeschön.. =)
      »Lernen ist wie Rudern gegen den Strom. Hört man damit auf, treibt man zurück.« Laozi, 6. Jahrhundert v. Chr. chinesischer Denker
      ~Juelz on deviantArt!
      ~Juelz website!

      Kommentar


      • #4
        AW: Hilfe bei a:hover

        Das Beispiel ist dafür gedacht wenn du mehrer a hintereinander hast also:

        Code:
        <p class="anders">
        <a href"">Test</a>
        <a href"">Test</a>
        <a href"">Test</a>
        <a href"">Test</a>
        </p>

        Bei einzelnen a geht es besser über class Zuweisung direkt an das a

        Code:
        <a class="dunkel" href="">Test</a>
        <a class="hell" href="">Test</a>
        
        
        .dunkel {color:#000000;}
        .hell {color:#FFFFFF;}
        Meine neue private Homepage ist fertig. Es wird um Meinungen, Anregungen, Kritik und Gästebucheinträge gebeten: http://markus.ug-team.de

        Kommentar


        • #5
          AW: Hilfe bei a:hover

          Definiere in der CSS nochmal eine eigene Klasse für die anderen Links, z.B. so:
          HTML-Code:
          a.class1:link
          {
          color:#ff0000;
          text-decoration:none;
          }
          a.class1:visited
          {
          color:#0000ff;
          text-decoration:none;
          }
          a.class1:hover
          {
          color:#ADFF2F;
          font-weight:bold;
          font-size:1.1em;
          text-decoration:none;
          }
          Aufruf in HTML dann mit
          HTML-Code:
          <a href="#" class="class1">Link mit anderer Farbe</a>
          Oder du stellst den jeweiligen Selektor (ID) voran, in dem sich die Links befinden wie hier beschrieben.

          sigpic

          sejumas CSS-Einsteigerkurs

          Kommentar


          • #6
            AW: Hilfe bei a:hover

            Alles kla, Ich habs raus wie es funktioniert.. danke


            Edit (autom. Beitragszusammenführung):

            Und die anderen links dann mit class2 definieren?
            Zuletzt geändert von s1mple; 14.10.2007, 19:10. Grund: Antwort auf eigenen Beitrag innerhalb von 24 Stunden!
            »Lernen ist wie Rudern gegen den Strom. Hört man damit auf, treibt man zurück.« Laozi, 6. Jahrhundert v. Chr. chinesischer Denker
            ~Juelz on deviantArt!
            ~Juelz website!

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.769   Beiträge: 429.781   Mitglieder: 28.519   Aktive Mitglieder: 50
            Willkommen an unser neuestes Mitglied, wdw.

            Online-Benutzer

            Einklappen

            265 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 260.

            Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X