CSS Problem treibt mich in den Wahnsinn

sai

Ich wäre jeder Hilfe sehr dankbar.

Folgendes Problem liegt vor:
Ich programmiere meine Navigationssleisten immer mit Cascading Style Sheets, doch dieses mal folgendes: nach der Porgrammierung her, müsste ein Link, wenn man mit der Maus über ihn fährt (a:hover), rot werden. Genaus so, wenn er Aktiv ist (a:active). Doch leider passiert nichts der gleichen. Der Link bleibt schwarz. Es tritt also keine Farbänderung ein, wie eigentlich angegeben im CSS. Andererseits werden die Links fett bzw. kursiv, wenn man über sie fährt oder drauf klickt.

Wenn jemand irgend nen Vorschlag hat, wär super.
Und wenn es der Fall sein sollte, dass bei euch der "Fehler" oder was das ist, nicht vorliegt, bitte ich auch darum, mir das mitzuteilen.

HTML

CSS CODE:
a:link {
	font-family: Tahoma, Arial;
	color: #000000;
	text-decoration: none;
	font-size: 12px;


}
a:hover {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;






}
a:active {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-style: oblique;
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	font-family: Tahoma, Arial;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}




CODE NAVIGATIONSLEISTE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="page.css" rel="stylesheet" type="text/css">
</head>


<body bgcolor="B2CFDE">
<table width="80%" border="0" cellspacing="10" cellpadding="0">
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="1">
        <tr> 
          <td bgcolor="#3399cc"><div align="center">[url='content/startseite.htm']Startseite[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr> 
          <td bgcolor="#3399CC"><div align="center">[url='content/dienstleistungen.htm']Dienstleistungen[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="000000">
        <tr> 
          <td bgcolor="#3399CC"><div align="center">[url='content/kunden.htm']Kunden[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" cellpadding="0" cellspacing="1">
        <tr> 
          <td bgcolor="#3399cc"><div align="center">[url='content/ecommerce.htm']eCommerce[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" cellpadding="0" cellspacing="1">
        <tr> 
          <td bgcolor="#3399CC"><div align="center">[url='content/partner.htm']Partner[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr> 
          <td bgcolor="3399cc"><div align="center">[url='content/taxi-journal.htm']Taxi-Journal[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr> 
          <td bgcolor="3399cc"><div align="center">[url='content/links.htm']Links[/url]</div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td bgcolor="#000000"><table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr> 
          <td bgcolor="3399cc"><div align="center">[url='content/impressum.htm']Impressum[/url]</div></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Mitch

Zitat

Und wenn es der Fall sein sollte, dass bei euch der "Fehler" oder was das ist, nicht vorliegt, bitte ich auch darum, mir das mitzuteilen.

Taj, so leid es mir tut, bei mir tritt der Fehler nicht auf. Alles i.o.

sai

Mmh, ich glaub ich hab vergessen zu erwähnen, dass die Links bei mir auch rot werden, wenn man mit der Maus rübergeht, doch sobald man sie einmal angeklickt hat, sind und bleiben sie schwarz. Da liegt das Problem.

Aber ich werds nochmal versuchen, und Ordnung reinbringen.
Diese Internetseite hat jetzt nämlich 5 Ordner auf meinem Rechner, und ich hab so ein bisschen das Gefühl, als hätt ich mir da jetzt aus jedem Ordner ne Datei rausgesucht, und dann sone Ordnerübergreifende Seite gebaut, was der PC wohl gar nicht mag.

^^EDIT: hat nichts gebracht mit der Ordnung.

Gemerkt hab ich das übrigens, als ich eben die Seite online stellen wollte =).

admin

Da haste ein paar Fehler drin.
Der Link ist schwarz und beim darüberfahren wird er Rot.
beim Anklicken wird er kursiv und bleibt dann schwarz.

admin

Nachtrag:
So sollte es aussehen und auch gehen

Code

<style type="text/css">
<!--
a:active {  color: #FF0000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
a:hover {  color: #FF0000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
a:link {  color: #000000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
a:visited {  color: #FF0000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
-->
</style>

sai

Tschuldigung, das hört sich jetzt sicher doof an, aber wo ist da der Unterschied zu meinem CSS?

Die Schriftart ist anders, aber daran wird es wohl nicht liegen.
Und du hast es in <style type="text/css"> [...] gesetzt, was ich aber eigentlich nicht brauchen sollte, weil ich die CSS in einer seperaten Datei speicher.

Übrigens wurden diese CSS mit Dreamweaver erstellt.
Probleme hatte ich bisher so noch nie.

admin

Die Schrägschrift kommt von der Zeile

Code

font-style: oblique;

(aktiv)
Die Schrift spielt keine Rolle, aber die von Dir als erstes gewählte Schriftart ist keine Standartschriftart.Ich selbst habe sie nicht auf meinem Rechner.

Ja, habe es mit dem DW gemacht
Kann zwar auch selbst CSS schreiben, aber mit dem DW gehts viel schneller.

sai

Übrigens meinte ich, dass ich die CSS mit Dreamweaver gemacht habe... aber egal...

Ich weiß jetzt immer noch nicht, wo der Fehler ist.

Die Schriftart hab ich geändert, das änderte aber leider nicht das Ergebnis. Genauso hab ich oblique weggenommen, aber auch das half nichts.

admin

Nehme mal bei jedem zum schluß den ; weg, dann gehts.

Code

a:link { 
   font-family: Tahoma, Arial; 
   color: #000000; 
   text-decoration: none; 
   font-size: 12px[color=red]; [/color]


} 
a:hover { 
   font-family: Tahoma, Arial; 
   font-size: 12px; 
   color: #FF0000; 
   text-decoration: none[color=red]; [/color]






} 
a:active { 
   font-family: Tahoma, Arial; 
   font-size: 12px; 
   color: #FF0000; 
   text-decoration: none[color=red]; [/color]
} 
a:visited { 
   font-family: Tahoma, Arial; 
   font-size: 12px; 
   text-decoration: none;
   color: #000000[color=red]; [/color]}

Alles anzeigen

admin

Nehme mal bei jedem zum schluß den ; weg, dann gehts.

a:link {
font-family: Tahoma, Arial;
color: #000000;
text-decoration: none;
font-size: 12px;

}
a:hover {
font-family: Tahoma, Arial;
font-size: 12px;
color: #FF0000;
text-decoration: none;

}
a:active {
font-family: Tahoma, Arial;
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a:visited {
font-family: Tahoma, Arial;
font-size: 12px;
text-decoration: none;
color: #000000; }

Danach sollte es so aussehen

Code

a:link { 
   font-family: Tahoma, Arial; 
   color: #000000; 
   text-decoration: none; 
   font-size: 12px 


} 
a:hover { 
   font-family: Tahoma, Arial; 
   font-size: 12px; 
   color: #FF0000; 
   text-decoration: none 






} 
a:active { 
   font-family: Tahoma, Arial; 
   font-size: 12px; 
   color: #FF0000; 
   text-decoration: none 
} 
a:visited { 
   font-family: Tahoma, Arial; 
   font-size: 12px; 
   text-decoration: none; 
   color: #FF0000
}

Alles anzeigen

sai

nein... ändert sich gar nichts

admin

sollte aber
Bei mir geht es so

Tags