CSS in verschachtelten Tabellen!

Fichte · #1 (**permalink**) 20.10.2006, 15:40

Hallo Leute, ich habe folgendes Problem:

Ich habe zwei verschachtelte Tabellen, und möchte das beide Tabellen die gleichen Eigenschaften haben. Außerdem sollten die Links jeweils alle die gleiche Größe haben.

Wie würde der Stylesheet aussehen und wie binde ich das dann am besten in die html datei ein?

Im Moment sieht es wie folgt aus:

Dies ist die HTML Seite

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>CSS Test</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <table border="1" width="100%" >
        <tr>
            <td ><div class="content">
           
                Tabelle 1<br />
                <a href="http://www.test.de">Link</a><br />
                <br />
                <table border="1" width="100%">
                    <tr>
                        <td >
                            Tabelle 2<br />
                            <a href="http://www.test.de">Link</a><br />
                        </td>
                    </tr>
                </table>
                <br /> </div>
            </td>
        </tr>
    </table>

</body>
</html>

Dies ist der Stylesheet

Code:

body
{
    font-size: 100%;
    color: #000000;
    font-family: Arial;
}
    /* Standart Content */    
    .content
    {
        font-size: 90%;
        color: #000000;
        background-color: transparent;
    }

    A.content:link
    {
            font-size: 90%;
            color: #000000;
            text-decoration: underline;
    }

    A.content:visited
    {
            font-size: 90%;
            color: #000000;
            text-decoration: underline;
    }

    A.content:hover
    {
            font-size: 90%;
            color: gray;
            text-decoration: underline;
    }

    A.content:active
    {
            font-size: 90%;
            color: #ff0000;
            text-decoration: underline;
    }

Was mache ich falsch?
Ich hoffe ihr könnt mir weiterhelfen

Gruß Fichte

javaFreak · #2 (**permalink**) 20.10.2006, 15:57

Tabellen sind nicht zum Verschachteln da. Wenn du dabei bist, ein Layout zu entwerfen (worfür benötigt man sonst verschachtelte Tabellen?), mach das lieber mit CSS und DIV-Containern.

Zu deinem Problem: Wenn du zwei Tabellen die gleichen Eigenschaften zuweisen möchtest, dann weis' ihnen die gleiche Klasse zu.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Umsetzung eines grafischen Rahmens von Tabellen in CSS	HeyJ	CSS	8	23.03.2009 15:24
CSS und Tabellen...	s_lehbert	CSS	3	28.01.2007 20:13
CSS Tabellen	Tobbe	CSS	8	04.09.2006 16:54
CSS Tips & Tricks	Webnauts	Ressourcen	0	25.08.2006 23:04