✔ unterschiedl. Hover Effekte

Status
Nicht offen für weitere Antworten.
Wenn ich deine Source-Schnippsel in einem HTML-Template einfüge und die Seite anschliessend im Browser öffne, sehe ich überhaupt keine Links, weil die Linkfarbe und die Tabellenzellen-Hintergrundfarbe identisch sind (#003399) ! :confused:

Habe im nachfolgenden Quelltext das bgcolor -Attribut aus der entsprechenden Tabellenzelle entfernt, damit die Links sichtbar werden, und die CSS-Klassen editiert:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
div.Stil1 {
        font-family: Arial, Helvetica, sans-serif, "Arial Black";
        font-weight: bold;
        font-size: small;
        color: #FFFFFF;
        text-align: right;
}
a:link {      text-decoration: none;
              color: #003399; }

a:visited {    text-decoration: none;
              color: #003399; }

a:active {     text-decoration: none;
              color: #003399; }

a:hover {      text-decoration: none;
              color: #8AB0FF; }

a.navi:link {      text-decoration: none;
              color: #003399; }

a.navi:visited {    text-decoration: none;
              color: #003399; }

a.navi:active {     text-decoration: none;
              color: #003399; }

a.navi:hover {      text-decoration: none;
              color: #8AB0FF; }
-->
</style>

</head>
<body>

<div align="center">
  <table width="826" high="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="800">
        <div align="left"><a href="index.php"><img src="img/logo_o_n3.jpg" width="791" height="31" border="0" alt="zur Hauptseite"></a></div>
      </td>
    </tr>
    <tr bgcolor="#CB6300">

<!-- NAVI -->

      <td>

      <div class="Stil1">
           <a class="navi" href="index.php?s=list&show=4&id=0">dvds</a> | suchen | drucken
      </div>
      </td>
    </tr>
 <table>
</div>

</body>
</html>
[ Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23 ]


greez, maik.l
 
@mov: wieso kopierst du meinen Source-Code und fügst in der angesprochenen Tabellenzelle einen roten Hintergrund ein?
 
Weil ich dein Problem nicht ganz verstanden habe außerdem hab ich das bgcolor-Atribut verschoben.

Was funktiniert denn jetzt genau noch nicht?
 
mov hat gesagt.:
Weil ich dein Problem nicht ganz verstanden habe
Zum Vergrößern anklicken....
Welches Problem?

Dass man anfangs den Link nicht sehen kann, weil seine Textfarbe mit dem Tabellenzellen-Hintergrund identisch ist?

Aus diesem Grund habe ich doch die Hintergrundfarbe (optional) entfernt, damit man den Link sieht ...

Und von wo bitte hast du das Attribut bgcolor="#ff0000" verschoben?

Also wieso re-produzierst du hier meinen Lösungsvorschlag für InFlame :mad:


[ editpost ] Den hast du aber schnell verschwinden lassen ;-]
 
Zuletzt bearbeitet von einem Moderator:
OK sry hab da irgendwie was verwechselt. Hab den Betrag gelöscht. Irgendwie kommt man da durcheinander wenn in einem Thread mehrer Leute fragen und mehrer dann Antworten. Nochmal sry war nicht bös gemeint.

Was ich mit verschieben gemeint habe. Hat sich vielleicht erledigt. Ich hasse es wenn ich keinen ganzen Code habe.
 
michaelsinterface hat gesagt.:
Wenn ich deine Source-Schnippsel in einem HTML-Template einfüge und die Seite anschliessend im Browser öffne, sehe ich überhaupt keine Links, weil die Linkfarbe und die Tabellenzellen-Hintergrundfarbe identisch sind (#003399) ! :confused:

Habe im nachfolgenden Quelltext das bgcolor -Attribut aus der entsprechenden Tabellenzelle entfernt, damit die Links sichtbar werden, und die CSS-Klassen editiert:
Zum Vergrößern anklicken....
Genau das ist ja mein Problem. Die Links haben die selbe Farbe wie die Tabelle - ist absichtlich. Da das Menü eben in einer der Tabellen ist, sieht man es nicht mehr. Richtig erkannt :) Daher wollte ich ja, dass dort der Link in weiß ist + Stil1. Nur funktioniert das eben leider nicht. Gibts da keine möglichkeit?

Und viel mehr code braucht ihr eigentlich ja nicht, da der Rest eigentlich nur noch php ist. Aber wenn er unbedingt von nöten ist, werde ich ihn posten, kein Problem.

Schonmal tausend Dank für eure Hilfe
 
Also, ich habe die dunkelblaue Hintergrundfarbe der Tabellenzelle wieder hergestellt und in den CSS-Selektoren a.navi:link, a.navi:visited und a.navi:active eine weisse Schriftfarbe für die Links bestimmt:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
div.Stil1 {
        font-family: Arial, Helvetica, sans-serif, "Arial Black";
        font-weight: bold;
        font-size: small;
        color: #FFFFFF;
        text-align: right;
}
a:link {      text-decoration: none;
              color: #003399; }

a:visited {    text-decoration: none;
              color: #003399; }

a:active {     text-decoration: none;
              color: #003399; }

a:hover {      text-decoration: none;
              color: #8AB0FF; }

a.navi:link {      text-decoration: none;
              color: #ffffff; }

a.navi:visited {    text-decoration: none;
              color: #ffffff; }

a.navi:active {     text-decoration: none;
              color: #ffffff; }

a.navi:hover {      text-decoration: none;
              color: #8AB0FF; }
-->
</style>

</head>
<body>

<div align="center">
  <table width="826" high="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="800">
        <div align="left"><a href="index.php"><img src="img/logo_o_n3.jpg" width="791" height="31" border="0" alt="zur Hauptseite"></a></div>
      </td>
    </tr>
    <tr bgcolor="#CB6300">

<!-- NAVI -->

      <td bgcolor="#003399">

      <div class="Stil1">
           <a class="navi" href="index.php?s=list&show=4&id=0">dvds</a> | suchen | drucken
      </div>
      </td>
    </tr>
    </table>
</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück