Anzeige

Linkfarbe ändern

Linkfarbe ändern | PSD-Tutorials.de

Erstellt von dollares, 06.09.2008.

  1. dollares

    dollares Noch nicht viel geschrieben

    Dabei seit:
    02.08.2006
    Beiträge:
    19
    Geschlecht:
    männlich
    Linkfarbe ändern
    Hallo,

    ich hab ein kleines Problem die Farbe von Links zu ändern. Wie man dies mit CSS macht ist mir bekannt.

    Mein Problem liebt bei der Auswähl der/des richtigen Selectors.

    Ich verwende folgende Struktur:
    Code (Text):
    1.  
    2. <div class="attachment-after">
    3.       <div class="view view-Gottesdienste view-id-Gottesdienste view-display-id-calendar_month">
    4.    
    5.  
    6.  
    7.       <div class="view-content">
    8.       <div class="calendar-calendar"><div class="month-view">
    9. <table id="calender-links">
    10.   <thead>
    11.     <tr>
    12.               <th class="days week">
    13.           &nbsp;        </th>
    14.               <th class="days mon">
    15.           Montag        </th>
    16.               <th class="days tue">
    17.           Dienstag        </th>
    18.               <th class="days wed">
    19.           Mittwoch        </th>
    20.               <th class="days thu">
    21.           Donnerstag        </th>
    22.               <th class="days fri">
    23.           Freitag        </th>
    24.               <th class="days sat">
    25.           Samstag        </th>
    26.               <th class="days sun">
    27.           Sonntag        </th>
    28.           </tr>
    29.   </thead>
    30.   <tbody>
    31.           <tr>
    32.                   <td id="Gottesdienste-weekno-2008-09-01" class="week">
    33.             <a href="/gottesdienste/uebersicht.html/2008-W36">36</a>          </td>
    34.                   <td id="Gottesdienste-2008-09-01" class="mon past">
    35.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-01">1</a> </div><div class="calendar-empty">&nbsp;</div>
    36. </div>          </td>
    37.                   <td id="Gottesdienste-2008-09-02" class="tue past">
    38.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-02">2</a> </div><div class="calendar-empty">&nbsp;</div>
    39. </div>          </td>
    40.                   <td id="Gottesdienste-2008-09-03" class="wed past">
    41.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-03">3</a> </div><div class="calendar-empty">&nbsp;</div>
    42. </div>          </td>
    43.                   <td id="Gottesdienste-2008-09-04" class="thu past">
    44.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-04">4</a> </div><div class="calendar-empty">&nbsp;</div>
    45. </div>          </td>
    46.                   <td id="Gottesdienste-2008-09-05" class="fri past">
    47.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-05">5</a> </div><div class="calendar-empty">&nbsp;</div>
    48. </div>          </td>
    49.                   <td id="Gottesdienste-2008-09-06" class="sat today">
    50.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-06">6</a> </div><div class="calendar-empty">&nbsp;</div>
    51. </div>          </td>
    52.                   <td id="Gottesdienste-2008-09-07" class="sun future">
    53.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-07">7</a> </div><div class="calendar-empty">&nbsp;</div>
    54. </div>          </td>
    55.               </tr>
    56.           <tr>
    57.                   <td id="Gottesdienste-weekno-2008-09-08" class="week">
    58.             <a href="/gottesdienste/uebersicht.html/2008-W37">37</a>          </td>
    59.                   <td id="Gottesdienste-2008-09-08" class="mon future">
    60.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-08">8</a> </div><div class="calendar-empty">&nbsp;</div>
    61. </div>          </td>
    62.                   <td id="Gottesdienste-2008-09-09" class="tue future">
    63.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-09">9</a> </div><div class="calendar-empty">&nbsp;</div>
    64. </div>          </td>
    65.                   <td id="Gottesdienste-2008-09-10" class="wed future">
    66.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-10">10</a> </div><div class="calendar-empty">&nbsp;</div>
    67. </div>          </td>
    68.                   <td id="Gottesdienste-2008-09-11" class="thu future">
    69.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-11">11</a> </div><div class="calendar-empty">&nbsp;</div>
    70. </div>          </td>
    71.                   <td id="Gottesdienste-2008-09-12" class="fri future">
    72.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-12">12</a> </div><div class="calendar-empty">&nbsp;</div>
    73. </div>          </td>
    74.                   <td id="Gottesdienste-2008-09-13" class="sat future">
    75.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-13">13</a> </div><div class="calendar-empty">&nbsp;</div>
    76. </div>          </td>
    77.                   <td id="Gottesdienste-2008-09-14" class="sun future">
    78.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-09-14">14</a> </div><div class="calendar-empty">&nbsp;</div>
    79. </div>          </td>
    80.               </tr>
    81.           <tr>
    82.  
    Ich möchte nun, die Linkfarbe ändern.

    mein Ansatz
    Code (Text):
    1.  
    2. #calender-links * a {
    3. color:#DB4915;
    4. }
    5.  
    hat leider nicht den gewünschten Effect erbracht.
     
    #1      
  2. Christoph680

    Christoph680 Philipp Christoph

    Dabei seit:
    30.04.2006
    Beiträge:
    414
    Geschlecht:
    männlich
    Ort:
    Oberhausen-Rheinhausen
    Linkfarbe ändern
    AW: Linkfarbe ändern

    sofern du alle linkfarben der seite ändern willst (oder zumindest den großteil, der kleinere teil lässt sich dann leichter per CSS festlegen), definiere das Ganze einfach so:

    Code (Text):
    1. a
    2. {
    3.   color: #blabla
    4. }
    Damit werden alle Linkfarben geändert.
     
    #2      
  3. dollares

    dollares Noch nicht viel geschrieben

    Dabei seit:
    02.08.2006
    Beiträge:
    19
    Geschlecht:
    männlich
    Linkfarbe ändern
    AW: Linkfarbe ändern

    @Christoph680
    Diese Funktion nutze ich momentan schon. Leider hat der Kalender die selbe Hintergrundfarbe, wie die von mir gesetzt Standard Linkfarbe.
    Diese Option fällt somit flach.

    @sobi35
    mit oder ohne Stern. Beider führen zu dem selben Ergebnis.

    Code (Text):
    1.  
    2.                   <td id="Gottesdienste-2008-08-13" class="wed past">
    3.             <div class="inner"><div class="month day"> <a href="/gottesdienste/uebersicht.html/2008-08-13">13</a> </div><div class="view-item view-item-Gottesdienste">
    4.   <div class="calendar monthview" id="calendar:19:field_datum:0:1">
    5.               <div id="node-title" class="view-field view-data-node-title">
    6.          
    7.         <a class="popup" href="/gottesdienst/a/19-hallo.html">hallo</a>      </div>  
    8.           <div id="node-vid" class="view-field view-data-node-vid">
    9.                   <div class="view-label-node-vid">Ort</div>
    10.          
    11.         a      </div>  
    12.       </div>    
    13. </div>
    14. </div>          </td>
    15.  
    16.  
    Der Link für den Tag
    Hier:
    Code (Text):
    1. <a href="/gottesdienste/uebersicht.html/2008-08-13">13</a>
    verändert die Farbe nicht.

    Der andere Link hingegen schon.
    Hier:
    Code (Text):
    1.  
    2. <a class="popup" href="/gottesdienst/a/19-hallo.html">hallo</a>
    Ich möchte jedoch die Linkfarbe für alle Links, des Kalenders ändern. Die Linkfarbe der Seite soll davon unberührt bleiben.

    Danke für eure schnelle Antwort. Hat sonst noch jemand eine Idee?
     
    #3      
  4. Keksinator

    Keksinator Guest

    Linkfarbe ändern
    AW: Linkfarbe ändern

    Probier mal
    #calender-links a {
    color:#DB4915 !important;
    }
     
    #4      
  5. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Linkfarbe ändern
    AW: Linkfarbe ändern

    besser noch:

    Code (Text):
    1.  
    2. table#calender-links td a {
    3. color:#DB4915 !important;
    4. }
    5.  
    6.  


    wahlweise (von mir empfohlen) den Links in dem Bereich eine eigene class zuweisen

    Code (Text):
    1.  
    2. a.bling{
    3. color:#DB4915 !important;
    4. }
    5.  

    dann die Linsktags verändern

    HTML:
    1.  
    2. <a href="/gottesdienste/uebersicht.html/2008-08-13" class="bling">13</a>
    3.  
     
    #5      
  6. dollares

    dollares Noch nicht viel geschrieben

    Dabei seit:
    02.08.2006
    Beiträge:
    19
    Geschlecht:
    männlich
    Linkfarbe ändern
    AW: Linkfarbe ändern

    vielen dank.

    Safari und Opera zeigen alles Perfekt an, allerdings geht's mit FF3 immer noch nicht.

    Eine eigene class zuweisen, geht leider nicht.

    Kann es sein, das es sich um ein FF Problem handelt?
    Oder gibt noch ne andere Möglichkeit.
     
    #6      
  7. Keksinator

    Keksinator Guest

    Linkfarbe ändern
    AW: Linkfarbe ändern

    Kannst du eine Seite mit dem gesamten XHTML und CSS zum Testen zur Verfügung stellen? Am besten über einen Link und nicht als Code im Forum. Würde das ganze deutlich leichter machen, da man dann Änderungen mit Firebug/Web Developers Toolbar ausprobieren kann.
     
    #7      
  8. dollares

    dollares Noch nicht viel geschrieben

    Dabei seit:
    02.08.2006
    Beiträge:
    19
    Geschlecht:
    männlich
    Linkfarbe ändern
    AW: Linkfarbe ändern

    hmm komisch.

    Jetzt geht's. Kann auch sein, das FF noch ein alten Cache genutzt hatte. Obwohl ich dacht die Seite neu geladen zu haben.

    allerdings sehen die Links unten (Impressum, Kontakt, Gästebuch) im IE noch komisch aus. Hat da einer noch ne Idee?

    Gottesdienste | Evangelisch-Lutherische Kirchengemeinde Grube

    Schon mal vielen Dank für eure Hilfe.
     
    #8      
x
×
×
teststefan