Hallo
Ich habe auf meiner Joomla-Seite, z.B. hier:
Schweizer Oktett - Galerie
Probleme mit der Darstellung der Tabellenränder. Ich möchte, dass die Linien weder einen Abstand haben noch dicker als 1 Pixel sind. Zudem möchte ich eigentlich nur den Inhalt der Tabelle mit einem Rand darstellen.
In meiner Template CSS-Datei sieht's folgendermassen aus:

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
font-size: 12px;
line-height: 1.0em;
}

table.contentpaneopen td {
padding: 0px 5px 0px 5px;
border: 1px solid #aad5cf;
line-height: 17px;

Vielen Dank für jede Hilfe!
Liebe Grüsse
Vreneli

Mach das <table> aus Zeile 90 weg.

__________________
„Tu soviel Gutes, wie Du kannst, und mache so wenig Gerede wie nur möglich darüber.“
C.D.

die abstände hast du schon ganz rausgenommen?
dann werden die linien bzw. ränder 2px breit?
ansonsten auch mal im table.contentpaneopen td ebenfalls ein border-spacing: 0px; einbauen. evtl. auch mit der tr spielen (also table.contentpaneopen tr basteln)

wenn die spacings weg sind:

ich habe das mal so gelöst:
ich nehme (wenn alle abstände raus sind: spacing:0) die tr her und verpasse diesen border-top und border-left je 1px.
das darin enthaltene td bekommt eine border-right und border-bottom je 1px.

ist nicht unbedingt die beste lösung, aber müsste klappen.

du könntest auch alternativ dem border top/left oder right/bottom die stärke -1px geben.
da weiß ich nicht ob das funktioniert, aber einen versuch ist es sicher allemal wert

greets
Onkton

p.s. alles nur reines gedankengut, nichts getestet!

Hallo Onkton
Erstmals sorry, dass ich mich erst jetzt melde, war ein paar Tage in den Bergen. Vielen Dank für dein Mitdenken! Ich habe versucht, deine Ideen umzusetzen, leider ohne Erfolg. Seltsamerweise kann ich über border-spacing keine Änderung bewirken. Die Tabellen behalten hartnäckig ihren Abstand und die Linien bleiben doppelt.
Trotzdem vielen Dank und liebe Grüsse
Vreneli

table.contentpaneopen table td

So müsste es doch heißen. Immerhin hast du doch 2 Tabellen ineinander verschachtelt.

Vielen Dank! Mit table.contentpaneopen table td sind die Linien der äusseren Tabelle weg und das Ganze gefällt mir schon viel besser. Es sieht nun wie folgt aus:

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
font-size: 12px;
line-height: 1.0em;
}

table.contentpaneopen table td {
padding: 5px;
border: 1px solid #aad5cf;
border-spacing: 0px;
line-height: 17px;
}

Optimal wäre, wenn die einzelnen Zellen nun keinen Abstand mehr hätten...
Vielen Dank
Vreneli

Was denn für einen Abstand? Du hast da was mit padding: 5px drin stehen und zudem hat jedes Bild von dir noch ein margin-top und margin-bottom mit jeweils 3px drin.

Es geht mir um den Abstand zwischen den Zellen.
Das padding 5px ist drin, damit der Text nicht am Tabellenrand klebt.

bin einen Schritt weiter:
Wenn ich statt im CSS bei jeder einzelnen Tabelle
<table style="border-width: 0px" border="0" cellspacing="0">
definiere, sind die Abstände weg. Das einzige Problem das bleibt ist die auf 2 Pixel anwachsende Rahmenstärke bei nebeneinander liegenden Zellen.
Weiss da jemand Rat? Vielen Dank!

Gib der inneren Tabelle border-collapse:collapse -- so, wie du es für die äußere bereits tust.