Unterschiedliche Tabellenlayouts (Anfängerfrage)

Hallo Zusammen

Ich habe eine Frage zu meinem aktuellen Projekt www.keramikwelten.ch:
Und zwar habe ich einige CSS-Tags für die Tabellen unter "Partner > unsere Partner Achritekten" und "> Unsere Partner Plattenleger" definiert.
Das ist soweit ok. Nun habe ich aber auch im Akkordeon unter "> Team" Tabellen verwendet, das Layout macht sich dort nicht so super. Grund für die Tabelle ist, dass die Telefon- und Handynummern untereinander stehen sollten.

Nun meine Frage, was mache ich um für das Akkordeon ein anderes Layout zu erstellen?
Oder was habe ich für eine andere Möglichkeit, die Telefonnummern auszurichten. So etwas wie Tabulatoren gibt es ja meines Wissens nach nicht...

Für Hinweise bin ich sehr dankbar!
Natürlich auch für weiter Feedbacks zu diesem Webprojekt... ;-)

Hallo Rowetzel,

das kannst Du ganz einfach erreichen indem Du für die jeweiligen Bereich in der CSS zusätzlich getrennte Selektoren (Id oder Class) verwendest. z.B.: für den Bereich ....Architekten.... .mod_article und für Team dann z.B. .accordion

Grüße
Stefan

Hey Mr. Acylase

Danke, aber ich glaub ich bin zu dämlich.
Müssen die CSS anweisungen so anfangen: .mod_article table bzw. .accordion table

oder verstehe ich das komplett falsch?

Und was muss ich denn angeben, wenn ich z.b. in der einen Tabelle keinen hover-effekt möchte?

Es ist im Prinzip ganz einfach. Du guckst Dir die HTML zur entsprechenden Seite an und suchst dort den Bereich mit der Tabelle. Dann guckst Du, welcher Div die Tabelle umgibt und setzt dann die ID bzw. Klassenbezeichnung bei Deiner CSS vor die Tabelle (wie du oben schon geschrieben hast). Mit den hover Effekten machst Du das gleiche wie mit der Tabelle (z.B. .mod_article table a:hover)

Grüße
Stefan

Gesendet von meinem Lenovo S6000L-F mit Tapatalk

Hallo,
vielen Dank!
Ich glaube, ich muss mich nochmals mit den grundsätzlichsten Definitionen im CSS beschäftigen.

Dazu kann ich die Bücher von Peter Müller empfehlen. Sehr informativ und sehr gut lesbar.

Grüße Stefan

Gesendet von meinem Lenovo S6000L-F mit Tapatalk