CSS Buttons in html Tabelle IE Ja / Opera NEIN ???
Frank
- css
0 MudGuard0 Tobias Kloth0 Danny
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>
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
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
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.