Formular-Detail-Felder wie Katalogblätter verwenden -Tabellenansicht mit CSS auflösen

[isti]

Hallo,

ich hätte vor in ein EFG-Formular, die Merkmale verschiedenen Immbolienangebote zu erfassen.

Die Datensätze sollen - mit ihren Aliassen (z. B. Immbolien-ID) - in die linke Spalte wie eine Art Submenü - angezeigt werden. Wenn der Benutzer sie anklickt sollen alle Felder in einer neuen Seite - ohne linke, rechte Spalte - angezeigt werden.

So etwa in diesem Stil: http://www.my-next-home.de/de/Objekt...list=T,mypos=1

Meine Fragen:

Um dieses Layout zu erreichen muss ich natürlich die einzelnen Felder extra per CSS formattieren. Gibt es dafür dafür vorgesehene Möglichkeiten oder soll ich sie mit Firebug herausfinden?

Mit Firebug sieht ma folgendes bei einem einzigen Feld:

#wrapper *, #styler-panel * {
-moz-box-sizing: border-box;
}
styles.css (Zeile 8)
table td {
border-top: 1px solid #E3E3E3;
padding: 0.5em;
text-align: left;
}
styles.css (Zeile 357)
* {
background-repeat: no-repeat;
border: 0 none;
margin: 0;
outline: 0 none;
padding: 0;
text-rendering: optimizelegibility;
}
styles.css (Zeile 7)
Geerbt vontable.all_records
table {
border-spacing: 0;
}
styles.css (Zeile 11)
Geerbt vondiv.inside
.inside {
text-align: left;

Die Frage ist, ob ich Fonts je Celle steuern kann? "table td" bezieht sich ja auf die ganze Tabellenform.

Wie Steuer man außerdem, dass Datensatz und seine Details in zwei unterschiedlichen Artikeln erscheinen?


Danke für die Hilfe.

Gr. I.