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

Thema: CSS - Klassen mit verschiedenenen Link-Eigenschaften

  1. #1
    gasty
    Gast

    Standard CSS - Klassen mit verschiedenenen Link-Eigenschaften

    Hey!
    Ich hab in meinem HTML-File Link-Tags wie folgt:
    ...
    und der entsprechende css-aussschnitt schaut so aus:
    Code:
    .main_links { background-color: #000000; font-family: Arial, sans-serif; color: #FFFFFF; font-size: 12px; text-align: center
    .main_links a:link,a:visited { text-decoration: none; color: #FFFFFF }
    .main_links a:hover { text-decoration: none; font-weight: bold;  color: #FF4500 }
    .main_links a:active { text-decoration: none; font-weight: bold; color: #FF4500 }
    Ich möchte für verschiedene Klassen verschiedene Link-Eigenschaften verwenden. So wie oben funktionieren zwar die Link-Eigenschaften, aber die erste Zeile wird ignoriert. Die ist ja eigentlich die wichtigste, deshalb kann ich auf die nicht verzichten

    Wäre froh, wenn ihr mir zeigen könntet, wie ich dieses Problem löse.


    Liebe Grüsse,
    gasty
    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
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    in der ersten zeile fehlt die schliessende klammer

  3. #3
    Gasty
    Gast

    Standard

    Hm nene, die steht schon dort. Mein Terminal ist einfach nicht genug breit, deshalb hat es die abgeschnitte. Im Code ist sie aber drin, mit einem Leerschlag davor.

  4. #4
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    versuch mal a.main_links

  5. #5
    Gast

    Standard

    und wie krieg ich dann :link, :hover, :active und :visited rein ?:s

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

    Standard

    Probier's mal so:
    Code:
    .main_links {background-color: #000000; font-family: Arial, sans-serif; color: #FFFFFF; font-size: 12px; text-align: center;}
    a.main_links:link, a.main_links:visited { text-decoration: none; color: #FFFFFF  }
    a.main_links:hover { text-decoration: none; font-weight: bold;  color: #FF4500 }
    a.main_links:active { text-decoration: none; font-weight: bold; color: #FF4500 }

  7. #7
    Gast

    Standard

    hm ne, geht nicht... immernoch gleich wie vorher, das zeug schaut total verreckt aus weil die erste Zeile ignoriert wird.

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

    Standard

    Bei mir funktioniert es:
    Schwarzer background, weißer Text.

    Hast du den kompletten CSS-Code von mir kopiert?
    Kannst du mal einen Link reistellen?

  9. #9
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    neuer Vorschlag:
    pack diese links innen div und nenn den z.bsp. "links".
    dan schreibste in der css immer
    Code:
    #links a {
    deine erste zeile
    }
    
    #links a:active {
    }
    etc.
    geht das?

  10. #10
    Gast

    Standard

    Hier die gesamte Ausgabe (hat noch php drin)

    Code:
    <htm>
    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body bgcolor="FFFFFF">
    <table border="1" width="100%" style="border-collapse&#58; collapse" height="100%">
    <tr>
    <td class="filled_box" height="104" width="819" colspan="5">Banner</td>
    <td class="news" height="104" width="159">Events News</td>
    </tr>
    <tr>
    <td class="main_links"  height="33" width="16%">Home</td>
    <td class="main_links"  height="33" width="16%">Events</td>
    
    <td class="main_links"  height="33" width="16%">Band</td>
    <td class="main_links"  height="33" width="16%">Media</td>
    <td class="main_links"  height="33" width="16%">Kontakt</td>
    <td class="main_links"  height="33" width="20%">Special Link</td>
    </tr>
    <tr>
    <td class="filled_box" width="16%" rowspan="2"></td>
    <td class="main_content" width="507" colspan="3" rowspan="2">  <table border="1" width="100%" style="border-collapse&#58; collapse" id="table1" height="246">
      <tr>
      <td class="table_leer" height="41" width="8%">8 p</td>
    
      <td class="table_inactive" height="41" width="16%">Members</td>
      <td class="table_active" height="41" width="16%">Biografie</td>
      <td class="table_leer" height="41" width="8%">8 p</td>
      </tr>
      <tr>
      <td colspan="4">content</td>
      </tr>
    
      </table>
      </td>
    <td class="filled_box" width="16%" rowspan="2"></td>
    <td class="side_bar" width="20%">Sidebar 1</td>
    </tr>
    <tr>
    <td class="side_bar" width="20%">Sidebar 2</td>
    </tr>
    <tr>
    <td class="copyright" height="25" width="978" colspan="6">31.7.2007|16&#58;56&#58;35|Copyright by&#58; Michael Berli|yourHand _webseiten</td>
    
    </tr>
    </table>
    
    
    </body>
    </html>
    Und hier das CSS-File:

    Code:
    <style type="text/css">
    .main_links &#123;background-color&#58; #000000; font-family&#58; Arial, sans-serif; color&#58; #FFFFFF; font-size&#58; 12px; text-align&#58; center;&#125;
    a.main_links&#58;link, a.main_links&#58;visited &#123; text-decoration&#58; none; color&#58; #FFFFFF  &#125;
    a.main_links&#58;hover &#123; text-decoration&#58; none; font-weight&#58; bold;  color&#58; #FF4500 &#125;
    a.main_links&#58;active &#123; text-decoration&#58; none; font-weight&#58; bold; color&#58; #FF4500 &#125;
    
    .filled_box &#123; background-color&#58; #00001b; font-family&#58; Arial, sans-serif; color&#58; #FFFFFF; font-size&#58; 12px; &#125;
    
    .main_content &#123; background-color&#58; #FFFFFF; font-family&#58; Arial, sans-serif; color&#58; #000000; font-size&#58; 12px; vertical-align&#58; top &#125;
    
    .side_bar &#123; background-color&#58; #00001b; font-family&#58; Arial, sans-serif; color&#58; #FFFFFF; font-size&#58; 12px; vertical-align&#58; top &#125;
    
    .news &#123; background-color&#58; #00001b; font-family&#58; Arial, sans-serif; color&#58; #FFFFFF; font-size&#58; 12px; vertical-align&#58; top; &#125;
    
    .copyright &#123; background-color&#58; #00001b; font-family&#58; Arial, sans-serif; color&#58; #FFFFFF; font-size&#58; 12px; text-align&#58; right &#125;
    .copyright a&#58;link &#123; text-decoration&#58; underline; color&#58; #FFFFFF &#125;
    .copyright a&#58;visited &#123; text-decoration&#58; underline; color&#58; #FFFFFF &#125;
    .copyright a&#58;hover &#123; text-decoration&#58; underline; color&#58; #FF4500 &#125;
    
    .table_active &#123; background-color&#58; #FF4500; &#125;
    
    .table_inactive &#123; background-color&#58; #000000; &#125;
    
    .table_leer &#123; background-color&#58; #FFFFFF; &#125;
    
    
    
    </style>
    Es geht um die LInks oben, also Home, Events, Band, Media... die LInks sind eben in der main_links klasse. Interessant ist, dass das Beispiel ganz unten (Datum und so) auf die Weise, die ich im ersten Post gegeben habe, funktioniert.

    LIebe Grüsse und vielen Dank für Euren Aufwand!!!

Ähnliche Themen

  1. bei doppelklick -> Eigenschaften
    Von WWKiller im Forum Computer - Internet Forum
    Antworten: 5
    Letzter Beitrag: 18.02.2008, 18:50
  2. img - Eigenschaften über Javascript abfragen
    Von OliverN26 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 16.04.2007, 01:56
  3. img tag-Eigenschaften über Javascript abfragen
    Von OliverN26 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 15.04.2007, 14:58
  4. Fotogalerieskript mit spez. Eigenschaften
    Von Rocco im Forum Script-Archiv
    Antworten: 3
    Letzter Beitrag: 31.12.2006, 15:14
  5. Eigenschaften von AVI anzeigen???
    Von thetrumpet65 im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 14.06.2005, 22:59

Stichworte

Berechtigungen

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