[SOLVED] CSS-Datei für Tabelle in Content

[prisma]

Hallo Phpwcms-lerIn
ich habe folgendes Problem:

beim einbinden eines css-bereichs für tabellen wird nicht nur wie gewünscht in dieser Tabelle, sondern im ganzen cms die tabelle geändert.
Leider finde ich hier keine Lösung , vielleicht habt Ihr eine Idee.

Ich verwende 1.35, folgendes habe ich in der frontend.css eingefügt:

Code: Select all

/* ++ Tabellen mit Foto */
table {
	border-collapse: separate;
	border-spacing: 2px 2px;
	margin: 1em;
	width: 97%;
	float:right;
	border:1px;border-color:#333399;
	border-style:solid;
}
.td {
   padding: 2px 15px 2px 5px;
   }

td.name,
td.city,
td.email,
td.partei {
	font: normal normal normal 12px/1.2em Arial, Helvetica, Sans-Serif;
	text-align: center;
	border-right: 1px;
	border-right-style: dotted;
	border-bottom:1px;
	border-bottom-style:dotted;

}


th {
   padding: 3px 15px 3px 5px;
   }
th.pic {
   padding: 5px 5px 5px 5px;
   }

tbody th {
   text-align: right;
   }
table th.pic,
table th.name,
table th.city,
table th.email,
table th.partei {
	font: italic normal normal 10px/1.2em Arial, Helvetica, Sans-Serif;
	text-align: center;
	border-right: 1px;
	border-right-style: dotted;
	border-bottom:1px;
	border-bottom-style:dotted;
}

table thead tr,
table tbody tr {
	background-color: #eff3f9;
}
table tr.pic,
table tr.name,
table tr.city,
table tr.email,
table tr.partei {
	border-right: dotted;
	background-color: #eff3f9;
	border-right-color: #333399;
	border-right-style:dotted;
}

table colgroup.portrait {
   background-color: #eff3f9;
   }

das HTML-Konstrukt:

Code: Select all

<table cellspacing="2" align="right">
    <colgroup> <col class="pic" /> </colgroup> <colgroup class="portrait"> <col class="name" /> <col class="city" /> <col class="email" /> <col class="partei" /> </colgroup>
    <thead>
        <tr class="first-child">
            <th class="first-child pic">Bild</th>
            <th class="name">Name/Vorname</th>
            <th class="city">Wohnort</th>
            <th class="email">Kontakt</th>
            <th class="last-child partei">Partei</th>
        </tr>
    </thead>
    <tbody>
        <tr class="first-child partei">
            <th class="first-child pic"><img width="88" height="114" src="/picture/upload/Bild_folgt.jpg" alt="Portrait" /></th>
            <td class="name">Lehmann Peter</td>
            <td class="city">Rodels</td>
            <td class="email"><a href="mailto:kp2@domleschg.ch">kp2@domleschg.ch</a><noscript>(at)</noscript><noscript>(dot)</noscript></td>
            <td class="last-child partei">SP</td>
        </tr>
    </tbody>
</table>

mit Gruss aus der Schweiz

prisma

[juergen]

Hallo

Dann hilft dir das neudeutsche: "einwrappen" -> einpacken in eine weitere Elternklasse:

Beispielsweise

<div class=content>{...} </div>

und im css:

.content td {dipslay : sontswas ; }

So, jetzt ändert sich nur die Tabelle im Content .. willst du nur einen bestimmten Bereich ... machst das genauso aber eben nur um die einzelne Tabelle...
Ist schon eine nette Sache css ..

[update]

versuch mal so:

Code: Select all

    /* ++ Tabellen mit Foto */
    table.my {
       border-collapse: separate;
       border-spacing: 2px 2px;
       margin: 1em;
       width: 97%;
       /*float:right;*/
       border:1px;border-color:#333399;
       border-style:solid;
    }
    table.my td {
       padding: 2px 15px 2px 5px;
       }

    table.my td.name,
    table.my td.city,
    table.my td.email,
    table.my td.partei {
       font: normal normal normal 12px/1.2em Arial, Helvetica, Sans-Serif;
       text-align: center;
       border-right: 1px;
       border-right-style: dotted;
       border-bottom:1px;
       border-bottom-style:dotted;

    }


    table.my th {
       padding: 3px 15px 3px 5px;
       }
    table.my th.pic {
       padding: 5px 5px 5px 5px;
       }

    table.my tbody th {
       text-align: right;
       }
    table.my th.pic,
    table.my th.name,
    table.my th.city,
    table.my th.email,
    table.my th.partei {
	font: normal normal normal 12px/1.2em Arial, Helvetica, Sans-Serif;
	text-align: center;
	border-right: 1px;
	border-right-style: dotted;
	border-bottom:1px;
	border-bottom-style:dotted;
	font-weight: bold;
    }

    table.my thead tr,
    table.my tbody tr {
       background-color: #eff3f9;
    }
    table.my tr.pic,
    table.my tr.name,
    table.my tr.city,
    table.my tr.email,
    table.my tr.partei {
       border-right: dotted;
       background-color: #eff3f9;
       border-right-color: #333399;
       border-right-style:dotted;
    }

    table.my colgroup.portrait {
       background-color: #eff3f9;
       }

und

Code: Select all

<table cellspacing="2" align="right" class="my">
...

Vielleicht geht's dann...

[prisma]

Danke Claus,

funktioniert einwandfrei. Was so ein Wort an der richigen Stelle ausmachen kann! Habe immer vor dem table (pic_table) was ausprobiert, das ja nun eigentlich sowieso nicht gehen kann.
Zum Glück gibt's hier im Forum so professionelle Hilfe! Danke nochmals!

@DF6IH
Deine Lösung funktioniert sicher auch, aber ich habe halt die für mich einfachere von claus probiert und hat funktioniert.
auch an Dich ein dickes Danke, da ich bereits mehrere Male laut Deinem Support hier weitergekommen bin.

Gruss prisma

[flip-flop]

..... Und hat mit dem CMS rein gar nichts zu tun. Das sind einfach nur CSS Standards.

Knut

[prisma]

hallo flip-flop,
ja klar, aber ich wusste ja eigentlich nicht, ob dies im cms auch geht, weil die table-css ja im cms definiert ist.
sorry, werde keine Fragen mehr stellen, die nicht zum phpwcms gehören.
War und bin aber trotzdem sehr dankbar für die Antworten von claus und DF6IH

gruss prisma

[update]

sorry, werde keine Fragen mehr stellen, die nicht zum phpwcms gehören

Da hast Du dann eine sogenannte Alleinstellung