Zur Navigation

unterschiedliche Werte für td im css?

1 Domenika

Hallo mal wieder,

ich arbeite eifrig an der Neustrukturierung meiner Homepages. Da ist jetzt ein Problem aufgetaucht:
Ich habe im css-template die Werte für Tabellen folgend definiert:

 div#Inhalt td {
    font-size: 0.8em;
    line-height:150%;
    vertical-align:top;
 	}
  
div#Inhalt td a {
    color: #CC0000;	
    text-decoration: none;
 	}

Nun habe ich auf der Homepage einige Tabellen, für die diese Angaben passend sind. In einer Tabelle jedoch ist es notwendig, daß das "vertical-align:text-middle" und das normale "align:center" ist.

Falls es von Bedeutung ist: in jener Tabelle sind alle Zellen mit gleichem Inhalt: <td><a href...><img></a><td>
Da dieses die einzige Tabelle im Dokument ist, in der gelinkte Bilder enthalten sind, dachte ich, daß man dem css-template die Info geben kann:
wenn <td> mit <a href...><img></a>
dann mach "vertical-align:text-middle"
Aber all meine Versuche in die Richtung haben nichts oder Chaos verursacht ;)

Meine Frage: Wie kann ich den Tabellen getrennte Werte zuweisen? Geht das?

Danke!

Domenika

17.05.2006 22:28

2 Jörg

Hallo Domenika,

du kannst dieser einen Tabelle eine eigene ID oder Klasse zuweisen, z.B.:

<table class="bilder">

... und dann den darin enthaltenen Zellen die gewünschten Eigenschaften zuweisen:

table.bilder td {
vertical-align:top;
text-align:center;
}

17.05.2006 23:28

3 Domenika

Das ist ja klasse! Das hatte ich mich nicht getraut ;)
Danke! Werd ich morgen gleich ausprobieren! :)

Gute Nacht
Domenika

18.05.2006 01:26

4 Domenika

Noch eine kleine, ich hoffe nicht zu blöde Frage:

Wie gebe ich im css ein cellspacing an?

Noch habe ich das cellspacing im HTML Tag angegeben, aber das kann ja nicht die Lösung sein ;)
Mit margin hatte ich keinen Erfolg, weil das ja nur den Abstand zum nächsten Object definiert. Aber zwischen den einzlenen tds?

So siehts jetzt übrigens aus.

 /* Preistabellen */
 	
table.preise {
    width:550px;
	}
 	
table.preise td {
    font-size: 0.8em;
    line-height:150%;
    vertical-align:center;
    padding:3px;    
	}


Ach ja, noch ne kleine Frage: muß ich border-width:0 angeben, so aus Sicherheitsgründen, damit irgendein Browser auch ja keinen Border macht? (War früher im HTML manchmal besser so...) Oder kommt der ohne Angabe auch gar nicht auf die Idee?

Danke!

Domenika

18.05.2006 11:42

5 Jörg

Wie gebe ich im css ein cellspacing an?

Wenn du das cellspacing auf 0 setzen möchtest, kannst du das mit border-collapse:collapse:

table.preise {
   width:550px;
   border-collapse:collapse;
}

Für ein cellspacing größer 0 gibt es zwar die CSS-Eigenschaft border-spacing - allerdings kennt der IE diese noch nicht (auch nicht in der kommenden Version 7)

muß ich border-width:0 angeben, so aus Sicherheitsgründen, damit irgendein Browser auch ja keinen Border macht?

Die verbreiteten Browser auif dem Windows-PC zeigen keine border an, wenn nichts zu border angegeben ist - aber wenn du auf Nummer sicher gehen möchtest, schadet es auch nicht, wenn du die border-width als 0 definierst

18.05.2006 12:20 | geändert: 18.05.2006 12:21

6 Domenika

Entschuldige, wenn ich nochmal nachfrage:

"border-collapse:collapse" hatte ich auch schon herausgefunden, aber ich will ein cellspacing von 4.

Mit "border-collapse:4px" macht er nichts, für nummerische Angaben ist das wohl nicht gedacht...

Aber ich find' nicht raus, wie's sonst geht... muß doch irgendwie gehen... *grübel*

Danke!
Domenika

18.05.2006 13:34

7 Jörg

Für Abstände größer als 0 gibt es wie gesagt die Eigenschaft border-spacing:

border-spacing:4px;

Das funktioniert nach den Angaben von SELFHTML für Netscape, Opera, Firefox, Safari und Konqueror, aber leider nicht im IE

muß doch irgendwie gehen

Es sollte so langsam, ja - leider berücksichtigt Microsoft diese CSS-Eigenschaft nicht mal für die neue IE-Version 7. Ich kenne auch keinen CSS-Workaround. Solange man kein (X)HTML strict verwendet, kann man aber ja weiterhin die HTML-Eigenschaft cellspacing verwenden

18.05.2006 13:51 | geändert: 18.05.2006 13:52

8 Domenika

Ich Hirnie! Ich hatte die Beschreibung des border-spacing bereits ein paar Mal gelesen, auf meiner Suche, aber anscheinend nicht richtig und hatte die Wirkung nur auf den Border bezogen, nicht auf den Zellenzwischenraum... Wer lesen kann, ist klar im Vorteil...

Danke für die Nachhilfe :)

Domenika

18.05.2006 17:16

Beitrag schreiben (als Gast)





[BBCode-Hilfe]