Frank: CSS Buttons in html Tabelle IE Ja / Opera NEIN ???

Ich versuche push buttons in CSS in eine html Tabelle zu zwingen, im I-Explore läuft es aber im opera 7.2 ist nur ein weißes Fenster ?

****************************************<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.themenbuttons {
{text-decoration: none;
color: #cccccc;
font-family:Verdana, sans-serif;
text-transform:uppercase;
font-size:11px;
white-space:nowrap;
border-style:outset; border-color:grey
color: white;
background: #227373;
}
.themenbuttons:hover {
{text-decoration: none;
color: #000000;
font-family:Verdana, sans-serif;
font-size:11px;
border-style:inset; border-color:honeydew
color: white;
background: #C0C0C0;
}

<!--
</style>
</head>
<body bgcolor="#000000" text="#999999">
<div align="center">
<p> </p>
</div>
<div align="left">
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  </div>
<div align="center"></div>
<table width="18%" border="3" align="left" cellspacing="8" bgcolor="#660099">
  <tr>
    <td width="13%"> </td>
    <td width="70%"><div align="center">
<a href="../Link1.htm" target="_parent" class="themenbuttons" style="display:
block; width: 140px">Button1</a></div></td>
    <td width="17%"> </td>
  </tr>
  <tr>
    <td> </td>
    <td><div align="center"><a href="../Link2.htm" target="_parent" class="themenbuttons" style="display:
block; width: 140px">Button2</a></font></div></td>
    <td> </td>
  </tr>
</table>
<p align="left"> </p>
</body>
</html>

  1. Hi,

    Ich versuche push buttons in CSS in eine html Tabelle zu zwingen, im I-Explore läuft es aber im opera 7.2 ist nur ein weißes Fenster ?

    <style type="text/css">
    .themenbuttons {
    {text-decoration: none;
    color: #cccccc;

    hellgrau

    color: white;

    weiß. Was denn jetzt?

    background: #227373;
    }
    .themenbuttons:hover {
    {text-decoration: none;
    color: #000000;
    color: white;

    Was denn jetzt? Schwarz oder weiß?

    background: #C0C0C0;
    }
    <!--

    Ab hier ist alles auskommentiert.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
  2. Hallo Frank,

    Ich versuche push buttons in CSS in eine html Tabelle zu zwingen,

    was sind den "push buttons"? und warum "zwingen"?

    im I-Explore läuft es

    das heißt noch lange nicht, das es richtig ist - wenn es in Opera/Mozilla nicht funktioniert und im IE schon, da heißt es eher, das es falsch ist...

    aber im opera 7.2 ist nur ein weißes Fenster ?

    opera (7.11 und 7.2) zeigt bei mir kein weißes Fenster (sondern das css-Zeug mit der Tabelle drunter

    .themenbuttons {
    {text-decoration: none;

    für was ist die zweite öffnende geschweifte Klammer?

    color: #cccccc;
    [...]
    color: white;

    na welche Farbe den jetzt :-)

    .themenbuttons:hover {
    {text-decoration: none;

    wieder zwei öffnende Klammern.

    color: #000000;
    border-style:inset; border-color:honeydew

    am Ende der Zeile fehlt ein ;

    color: white;

    was jetzt schwarz oder weiß? :-)

    <!--

    warum machst du hier einen Kommentar auf?

    <body bgcolor="#000000" text="#999999">
    <div align="center">

    na wenn schon css, dann richtig

    Grüße aus Nürnberg
    Tobias

    --
    Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
  3. Was meinst Du mit "push buttons"? Die in Boxen dargestellten Verweise?

    Wie soll irgend ein Browser die Seite darstellen, wenn der Code mangelhaft ist?

    ****************************************

    das darf so nicht im Code stehen

    .themenbuttons {
    {

    eine { zu viel

    color: #cccccc;
    color: white;

    Eine Farbe zuviel

    border-style:outset; border-color:grey

    ; fehlt am Ende der Zeile

    .themenbuttons:hover {
    {

    wieder eine { zu viel

    border-style:inset; border-color:honeydew

    hier fehlt wieder ; am Ende der Zeile

    außerdem wieder doppelte Farbdefinition

    <!--

    Falsch! Damit wird der folgende Code auskommentiert.
    Wenn überhaupt, dann --> um einen Kommentar zu beenden...

    <body bgcolor="#000000" text="#999999">

    bgcolor und text ersetzt man besser auch durch Stylesheets

    <div align="center">

    Veraltet

    <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>

    Überflüssig. Definiere Abstände mit margin und padding.

    <div align="center"></div>

    Überflüssig, weil Element leer

    <a href="../Link1.htm" target="_parent" class="themenbuttons" style="display: block; width: 140px">

    Wenn schon class, warum packst Du dann die Angaben von style nicht auch da rein?

    Button2</a></font>

    Das <font>-Tag ist veraltet und hier fehl am Platz. Wozu arbeitest Du dann überhaupt mit CSS?

    <p align="left"> </p>

    Überflüssig.