Anmelden und Registrieren gestalten

[wigraf]

Hallo, hier ist schon wieder der alte Wigraf mit Problemen.
Ich tue mich immer sehr schwer auf meiner Website www.graffenberger.de Seiten mit CSS zu gestalten, aber irgendwie gelingt es mir dann doch. Nun habe ich in der Sidebar die Möglichkeit zur Anmeldung und zur Registrierung von Nutzern eingerichtet. Es funktioniert auch eingermaßen. Es gelingt mir aber nicht die Seiten Anmelden und Registrieren nach meinen Wünschen per CSS zu getalten. Das was nach Aufruf erscheint ist mehr oder weniger duch Contao selbst gestaltet worden. Wie muss ich da vorgehen?
Für Hilfe sage ich schon einmal Danke.
Wilhelm Graffenberger (Wigraf)

[Samson1964]

Dein wichtigster Helfer beim Gestalten mit CSS ist die Funktion "Element untersuchen", die es in jedem Browser gibt. Mit rechter Maustaste auf das zu gestaltende Element klicken, Element untersuchen wählen und in den erscheinenden Fensterchens die HTML-Elemente mit den dort angegebenen Klassen und ID's untersuchen und anschließend mit CSS gestalten. "Element untersuchen" kannst Du auf jeder beliebigen Internetseite verwenden und Dir dort Anregungen für Dein eigenes CSS holen. Du kannst auch temporär im Browser experimentieren, Attribute hinzufügen und Werte von Attributen ändern.

[mlweb]

Es gelingt mir aber nicht die Seiten Anmelden und Registrieren nach meinen Wünschen per CSS zu getalten. Das was nach Aufruf erscheint ist mehr oder weniger duch Contao selbst gestaltet worden. Wie muss ich da vorgehen?
Für Hilfe sage ich schon einmal Danke.

Für konkrete Hilfe solltest Du dann schon mal genau sagen, was Du genau erreichen möchtest und an welcher Stelle Du nicht weiter kommst.

[wigraf]

Hallo mlweb, erst einmal Danke für die schnelle Antwort. Hier ist ein Bild reg_seite.PNG von der Registrierungsseite.
Dort möchte ich gern die Tabllenzeilen mit größerem Anstand versehen und den Hintergrund einfärben.
Wenn ich dem Vorschlag von Frank (Samson1964) folge erkenne ich aus den angezeigten Daten daten_anzeige.PNG nicht was ich ändern muss. Sind diese Aussagen OK um zu erkennen woran es bei mir hakt?
Wigraf

[Samson1964]

Abstand des Inhalts vom Zellenrand, z.B. so:

.mod_registration td { 
    padding: 10px;
} 

Abstand der Zellen:

.mod_registration table { 
    border-spacing: 10px;
    border-collapse: separate;
} 

Nachzulesen z.B. hier: http://stackoverflow.com/questions/3...spacing-in-css

[wigraf]

Hallo Frank, Dein Vorschlag
.mod_registration table {
border-spacing: 10px;
border-collapse: separate;
}
hat genau bewirkt was ich wollte. Aber es stellt sich mir die Frage wie erkenne ich aus daten_anzeige.PNG, dass ich dieses CSS eingeben muss.

Mit diesem Vorschlag
.mod_registration td {
padding: 10px;
}
war ich nicht so zufrieden. Den Unterschied verstehe ich auch nicht.

Danke noch einmal und viele Grüße
Wilhelm

[Samson1964]

Du hast jetzt den Außenabstand der Zellen geändert, das andere Beispiel ist der Innenabstand, also in den Zellen drin der Abstand vom Zellenrand.

Was den CSS-Selektor betrifft: Viele Wege führen nach Rom. Ich hätte auch andere Selektoren nehmen können. Am besten Du liest Dir etwas CSS-Grundwissen an.

[Samson1964]

Erklärung:

.mod_registration td {} /* Alle td-Elemente innerhalb der Klasse mod_registration */
td {} /* Alle td-Elemente der gesamten Seite */
.mod_registration td.col_first {} /* Alle td-Elemente der Klasse col_first innerhalb der Klasse mod_registration */ 

[mlweb]

In den Entwicklertools des Browsers erkennts Du welches Element Du gestalten musst bzw. kannst. Der Rest sind Kenntnisse in css. Dann weisst Du welche Eigenschaften genau welche Auswirkungen haben. Man kann in den Entwicklertools auch temporär die Eigenschaften verändern oder Eigenschaften hinzufügen um zu sehen was passiert. Das ist insbesondere interessant, wenn man "Wechselwirkungen" mit anderen Eigenschaften auf der Spur ist.
Wenn man es von Grund auf lernen möchte, ist die Little Boxes Reihe (Video oder Buch) von Peter Müller immer wieder meine erste Empfehlung. Einiges von ihm ist auch im Internet frei verfügbar - z.B. zum Thema Tabellen formatieren http://little-boxes.de/lb1/10.3.3-be...n-per-css.html .
Ansonsten führen wie @Samson1964 schon sagte sehr viele Wege nach Rom.
Ich bevorzuge bei Formularen schon wegen der Semantik eine tabellenlose Ausgabe und arbeite dann mit float, display: inline oder ganz modern mit Flexbox.