CSS links innerhalbt tabelle farbe

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

  • CSS links innerhalbt tabelle farbe

    Nabend,

    ich hab mein Menü mit 2 Tabellen aufgebaut. Nun möchte ich das in diesen und NUR in diesen Tabellen die links eine andere farbe haben wenn sie normal oder visited sind, aber ne andere wenn man sie hovert. Wenn ich das mit

    #tabellexyz a:link, a:visited, a:active
    {
    color:#xyz;
    }

    mache, dann sind alle Links so =(

    Was mach ich falsch?

  • #2
    PHP-Code:
    #tabellexyz a
    {
       
    color#dadada;
    }
    #tabellexyz a:hover
    {
       
    color#aabbcc;

    schuss ins blaue. mehr code würde weiter helfen.

    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      style.css:
      PHP-Code:
      #buttonsbig
      {
                      
      background-color#324184;
                      
      margin-left6px;
                      
      border-topsolid 1px #000000;
                      
      border-bottom:solid 1px #000000;
                      
      border-left:solid 1px #000000;
                      
      font-size12px;
                      
      height50px;
      }
      #buttonsbig a:link, a:visited, a:active
      {
                      
      color:#ff9e0d;
                      
      text-decoration:none;
      }
      #buttonsbig: a:hover
      {
                      
      color:#ffffff;
                      
      text-decoration:none;

      index.php:

      PHP-Code:
      <table width="713" cellpadding="0" cellspacing="0" id="buttonsbig">
      <
      tr>
      <
      td><a href="?page=">Link</a></td>
      <
      td><a href="?page=">Link</a></td>
      </
      tr>
      </
      table

      Kommentar


      • #4
        PHP-Code:
        table#buttonsbig td a
        {
           ...
        }
        table#buttonsbig td a:hover
        {
           ...

        so was?

        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Du kannst auch den <TD> ids und Namen und Class geben, und entsprechend im CSS andere Werte dafür setzen.

          Kommentar


          • #6
            Ok wie oben beschrieben ging es nicht.

            Habe jetzt mal das a:visited und a:active einzeln festgelegt und jetzt gehts!

            Falls mal jemand das gleiche Problem hat, hier mal so wie es bei mir funktioniert ^^


            PHP-Code:
            table#buttonssmall a:link
            {
                            
            color:#ff9e0d;
                            
            text-decoration:none;
            }
            table#buttonssmall a:visited
            {
                            
            color:#ff9e0d;
                            
            text-decoration:none;
            }
            table#buttonssmall a:active
            {
                            
            color:#ff9e0d;
                            
            text-decoration:none;
            }
            table#buttonssmall a:hover
            {
                            
            color:#ffffff;
                            
            text-decoration:none;

            Zuletzt geändert von lichtscheu; 21.02.2007, 23:18.

            Kommentar


            • #7
              Du kannst auch den <TD> ids und Namen und Class geben, und entsprechend im CSS andere Werte dafür setzen.
              Bei <td> hast du aber zumindest bis zum IE7 kein hover. Bis zum 7-er frisst er es nur bei <a>

              Gruss

              tobi
              Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

              [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
              Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

              Kommentar


              • #8
                Du hättest das, wenn du das mit Kommata machst, folgendermaßen aufschreiben müssen:

                Code:
                #buttonsbig a:link, 
                #buttonsbig a:visited, 
                #buttonsbig a:active
                {
                  Code halt
                }
                Also noch mit #buttonsbig davor

                Kommentar

                Lädt...
                X