Hilfe bei CSS
Hi,
vorne weg: Bin in HTML und CSS nicht so die Leuchte. Ich will bloß ein paar Reports erstellen lassen und diese etwas ansehnlich formatieren.
Habe getestet mit IE, Firefox und Chrome, sodass ich davon ausgehe, dass ich das grundsätzlich falsch mache.
Ich will also, dass alle Zellen aller Tabellen einer Seite den gleichen Stil haben. Habe dafür einen CSS-Style erstellt, welcher auch funktioniert.
Jetzt habe ich aber eine Tabelle auf dieser Seite, bei welcher keine Zellenränder angezeigt werden solle. Also dachte ich, erstelle ich einfach zusätzlich eine Klasse und gebe diese bei dieser Tabelle explizit an.
Macht er nicht. Auch die Zellen dieser Tabelle haben einen Rand.
Habe jetzt schon experimentiert. Wenn ich im ersten Style statt Standard "td" eine eigene Klasse festlege, z.B. "td1", dann kann ich in den Tabellen durch Angabe der Klasse "td1" oder "td2" steuern, wie die Zelle aussehen soll.
Wie muss ich es machen, wenn ich ein Standard-Format für alle TD festlegen und nur bei abweichenden Zellen explizit eine andere Klasse angeben will?
E.
vorne weg: Bin in HTML und CSS nicht so die Leuchte. Ich will bloß ein paar Reports erstellen lassen und diese etwas ansehnlich formatieren.
Habe getestet mit IE, Firefox und Chrome, sodass ich davon ausgehe, dass ich das grundsätzlich falsch mache.
Ich will also, dass alle Zellen aller Tabellen einer Seite den gleichen Stil haben. Habe dafür einen CSS-Style erstellt, welcher auch funktioniert.
<style>
....
td {
font-family: Tahoma;
font-size: 11px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
....
</style>
Jetzt habe ich aber eine Tabelle auf dieser Seite, bei welcher keine Zellenränder angezeigt werden solle. Also dachte ich, erstelle ich einfach zusätzlich eine Klasse und gebe diese bei dieser Tabelle explizit an.
.td2 {
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}
....
<table>
<tr>
<td class="td2">Bla bla bla</td>
<td class="td2">Bla bla bla</td>
</tr>
<tr>
...
</table>
....
Macht er nicht. Auch die Zellen dieser Tabelle haben einen Rand.
Habe jetzt schon experimentiert. Wenn ich im ersten Style statt Standard "td" eine eigene Klasse festlege, z.B. "td1", dann kann ich in den Tabellen durch Angabe der Klasse "td1" oder "td2" steuern, wie die Zelle aussehen soll.
Wie muss ich es machen, wenn ich ein Standard-Format für alle TD festlegen und nur bei abweichenden Zellen explizit eine andere Klasse angeben will?
E.
Please also mark the comments that contributed to the solution of the article
Content-Key: 352685
Url: https://administrator.de/contentid/352685
Printed on: May 23, 2024 at 14:05 o'clock
8 Comments
Latest comment
Zitat von @emeriks:
Hi,
vorne weg: Bin in HTML und CSS nicht so die Leuchte. Ich will bloß ein paar Reports erstellen lassen und diese etwas ansehnlich formatieren.
Habe getestet mit IE, Firefox und Chrome, sodass ich davon ausgehe, dass ich das grundsätzlich falsch mache.
Ich will also, dass alle Zellen aller Tabellen einer Seite den gleichen Stil haben. Habe dafür einen CSS-Style erstellt, welcher auch funktioniert.
Hi,
vorne weg: Bin in HTML und CSS nicht so die Leuchte. Ich will bloß ein paar Reports erstellen lassen und diese etwas ansehnlich formatieren.
Habe getestet mit IE, Firefox und Chrome, sodass ich davon ausgehe, dass ich das grundsätzlich falsch mache.
Ich will also, dass alle Zellen aller Tabellen einer Seite den gleichen Stil haben. Habe dafür einen CSS-Style erstellt, welcher auch funktioniert.
> <style>
> ....
> td {
> font-family: Tahoma;
> font-size: 11px;
> border-top: 1px solid #999999;
> border-right: 1px solid #999999;
> border-bottom: 1px solid #999999;
> border-left: 1px solid #999999;
> padding-top: 0px;
> padding-right: 0px;
> padding-bottom: 0px;
> padding-left: 0px;
> }
> ....
> </style>
>
da fehlt aber ein . vor der css Klasse oder irre ich mich?
Jetzt habe ich aber eine Tabelle auf dieser Seite, bei welcher keine Zellenränder angezeigt werden solle. Also dachte ich, erstelle ich einfach zusätzlich eine Klasse und gebe diese bei dieser Tabelle explizit an.
> .td2 {
> border-top: 0px;
> border-right: 0px;
> border-bottom: 0px;
> border-left: 0px;
> }
>
> ....
> <table>
> <tr>
> <td class="td2">Bla bla bla</td>
> <td class="td2">Bla bla bla</td>
> </tr>
> <tr>
> ...
> </table>
>
> ....
>
Macht er nicht. Auch die Zellen dieser Tabelle haben einen Rand.
Habe jetzt schon experimentiert. Wenn ich im ersten Style statt Standard "td" eine eigene Klasse festlege, z.B. "td1", dann kann ich in den Tabellen durch Angabe der Klasse "td1" oder "td2" steuern, wie die Zelle aussehen soll.
Wie muss ich es machen, wenn ich ein Standard-Format für alle TD festlegen und nur bei abweichenden Zellen explizit eine andere Klasse angeben will?
CSS:
.calendar-noBorder {
border: none;
background-color: red;
}
HTML:
table class="calendar-table">
<tr>
<td class="calendar-noBorder"> </td>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
E.