Hallo!
Ich will folgende Tabelle in meine Homepage einbauen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Tabelle</title>
<style type="text/css">
<!--
/*
Grey Suits you Sir. Please host the images on your own server.
written by Stuart Colville Muffin Research Labs by Stuart Colville
*/
table,td
{
border : 1px solid #CCC;
border-collapse : collapse;
font : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
border :none;
border :1px solid #CCC;
}
thead th,
tbody th
{
background : #FFF url(th_bck.gif) repeat-x;
color : #666;
padding : 5px 10px;
border-left : 1px solid #CCC;
}
tbody th
{
background : #fafafb;
border-top : 1px solid #CCC;
text-align : left;
font-weight : normal;
}
tbody tr td
{
padding : 5px 10px;
color : #666;
}
tbody tr:hover
{
background : #d8e7f5 url(tr_bck.gif) repeat;
}
tbody tr:hover td
{
color : #454545;
}
tfoot td,
tfoot th
{
border-left : none;
border-top : 1px solid #CCC;
padding : 4px;
background : #f2f6fa url(foot_bck.gif) repeat;
color : #666;
}
caption
{
text-align : left;
font-size : 120%;
padding : 10px 0;
color : #666;
}
table a:link
{
color : #666;
}
table a:visited
{
color : #666;
}
table a:hover
{
color : #003366;
text-decoration : none;
}
table a:active
{
color : #003366;
}
-->
</style>
<body>
<TABLE border="0" class="mceVisualAid"><TBODY><TR><TD class="mceVisualAid">Zeile 1</TD><TD class="mceVisualAid">xy*</TD><TD class="mceVisualAid">asda*</TD><TD class="mceVisualAid">adasd*</TD><TD class="mceVisualAid">*ads</TD></TR><TR><TD class="mceVisualAid">Zeile 2</TD><TD class="mceVisualAid">xx</TD><TD class="mceVisualAid">*ad</TD><TD class="mceVisualAid">*ada</TD><TD class="mceVisualAid">*ad</TD></TR><TR><TD class="mceVisualAid">Zeile 3</TD><TD class="mceVisualAid">xxy</TD><TD class="mceVisualAid">*asad</TD><TD class="mceVisualAid">*asd</TD><TD class="mceVisualAid">*asda</TD></TR><TR><TD class="mceVisualAid">Zeile 4</TD><TD class="mceVisualAid">*dsd</TD><TD class="mceVisualAid">*asd</TD><TD class="mceVisualAid">*ads</TD><TD class="mceVisualAid">*asd</TD></TR><TR><TD class="mceVisualAid">Zeile 5</TD><TD class="mceVisualAid">*sdas</TD><TD class="mceVisualAid">*ads</TD><TD class="mceVisualAid">*ad</TD><TD class="mceVisualAid">*asd</TD></TR></TBODY></TABLE>
</body>
</html>
Nun soll aber der CSS-Style nur für die Tabelle und nicht für die ganze Seite gelten, was muss ich ändern?
(Antworten am besten in Anfänger-Deutsch:mrgreen: )
Vielen Dank schonmal im Vorraus!
Ich will folgende Tabelle in meine Homepage einbauen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Tabelle</title>
<style type="text/css">
<!--
/*
Grey Suits you Sir. Please host the images on your own server.
written by Stuart Colville Muffin Research Labs by Stuart Colville
*/
table,td
{
border : 1px solid #CCC;
border-collapse : collapse;
font : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
border :none;
border :1px solid #CCC;
}
thead th,
tbody th
{
background : #FFF url(th_bck.gif) repeat-x;
color : #666;
padding : 5px 10px;
border-left : 1px solid #CCC;
}
tbody th
{
background : #fafafb;
border-top : 1px solid #CCC;
text-align : left;
font-weight : normal;
}
tbody tr td
{
padding : 5px 10px;
color : #666;
}
tbody tr:hover
{
background : #d8e7f5 url(tr_bck.gif) repeat;
}
tbody tr:hover td
{
color : #454545;
}
tfoot td,
tfoot th
{
border-left : none;
border-top : 1px solid #CCC;
padding : 4px;
background : #f2f6fa url(foot_bck.gif) repeat;
color : #666;
}
caption
{
text-align : left;
font-size : 120%;
padding : 10px 0;
color : #666;
}
table a:link
{
color : #666;
}
table a:visited
{
color : #666;
}
table a:hover
{
color : #003366;
text-decoration : none;
}
table a:active
{
color : #003366;
}
-->
</style>
<body>
<TABLE border="0" class="mceVisualAid"><TBODY><TR><TD class="mceVisualAid">Zeile 1</TD><TD class="mceVisualAid">xy*</TD><TD class="mceVisualAid">asda*</TD><TD class="mceVisualAid">adasd*</TD><TD class="mceVisualAid">*ads</TD></TR><TR><TD class="mceVisualAid">Zeile 2</TD><TD class="mceVisualAid">xx</TD><TD class="mceVisualAid">*ad</TD><TD class="mceVisualAid">*ada</TD><TD class="mceVisualAid">*ad</TD></TR><TR><TD class="mceVisualAid">Zeile 3</TD><TD class="mceVisualAid">xxy</TD><TD class="mceVisualAid">*asad</TD><TD class="mceVisualAid">*asd</TD><TD class="mceVisualAid">*asda</TD></TR><TR><TD class="mceVisualAid">Zeile 4</TD><TD class="mceVisualAid">*dsd</TD><TD class="mceVisualAid">*asd</TD><TD class="mceVisualAid">*ads</TD><TD class="mceVisualAid">*asd</TD></TR><TR><TD class="mceVisualAid">Zeile 5</TD><TD class="mceVisualAid">*sdas</TD><TD class="mceVisualAid">*ads</TD><TD class="mceVisualAid">*ad</TD><TD class="mceVisualAid">*asd</TD></TR></TBODY></TABLE>
</body>
</html>
Nun soll aber der CSS-Style nur für die Tabelle und nicht für die ganze Seite gelten, was muss ich ändern?
(Antworten am besten in Anfänger-Deutsch:mrgreen: )
Vielen Dank schonmal im Vorraus!