Druckbare Version
Hallo,
auf meiner Subdomain http://steuerberater-wenzl.rm.de1.cc war es bis gestern so, dass alle drei Blöcke sauber nebeneinander standen. Nun ist es jedoch so, dass der Block "kontakt-info" anscheinend jeden CSS-Befehl ignoriert. Kann mir nicht erklären woher das kommt und habe auch schon versucht in der Custom-CSS etwas zu ändern. Funktioniert leider nicht.
Vielleicht gibt es hier ja einen erfahreneren Contao Nutzer als mich, der mir bei meinem Problem helfen könnte :)
Vielen Dank!
Hi Patric,
wenn Du der ID "Kontakt-Info" ein float: left; gibst, dann steht wieder alles nebeneinander. Dann musst Du nur noch die Abstände wieder stylen.
Hallo, Danke für deine Antwort.
Dies wäre eigentlich schon der Fall, hier meine CSS:
#Kontakt-Info {
float: left;
color: white;
margin-right: 50px;
font-size: 12px;
border-right: 1px solid;
padding-right: 50px;
font-weight: 100;
text-transform: none;
width:40%;
Es ist vielmehr so, dass die CSS gar nicht mehr beachtet wird von diesem Element... Vielleicht weist du hier eine Lösung.
Die ID ist die selbe, wie im nächsten Block: Kanzlei-Focus.Zitat:
Zitat von Patric
Gruß
Thoni
Dazu kommt, dass die Spalten nicht wirklich stimmen. Beim Footer z.B. verzieht es Dir die ganzen Sachen komplett, wenn Du eine schmalere Displaygrösse wählst. Da musst Du dringend nochmal ran. :)
Ich würde bei einem solchen Aufbau mittlerweilen nur noch auf Frameworks wie bootstrap setzen, der ganze Aufwand für das "selbst schreiben" von Spalten-CSS steht mir da nicht dafür.
Da sind die Geschmäcker sehr unterschiedlich. Ich mag keine Frameworks, die mir alles mögliche mitbringen, was u.U. für mein Projekt nicht passt.Zitat:
Zitat von PaddySD
@Patrick
Ich denke aber auch, dass Du dringend noch einmal ran musst. Zweimal die gleiche ID das geht gar nicht. Ansonsten würde ich den Footer mit Flexbox aufbauen, dann ist das auch überhaupt nicht aufwendig.
Es gibt im Quelltext zu mindestens im Moment keine Klasse oder ID "kontakt-info". Vielleicht liegt das Problem darin begründet. ;)Zitat:
Zitat von Patric
Jepp, das stimmt. Ich bin mittlerweilen einfach zu "faul" mir diese ganzen Sachen von Hand zu schreiben. Ich bin für jede Erleichterung, die ich nutzen kann, sehr dankbar. Aber das hängt wirklich auch am Projekt. Ich decke halt viele Sachen damit ab, vom Formular über Spalten usw.Zitat:
Zitat von mlweb
Beispiel:
Kontaktformular, zweispaltig (Desktop)
Linke Spalte ------------ Rechte Spalte
E-Mail ------------------- Nachricht (Textarea)
Name
Betreff
Captcha
Absenden
Kontaktformular, einspaltig (Mobile)
Nachricht (Textarea)
Name
Betreff
Captcha
Absenden
In Bootstrap reicht mir für diesen Aufbau halt eine Klassenzuordnung. Das manuell zu tippseln dauert einfach länger.
Genau so mit Buttons (default, warining, info usw) ist eine Klasse, den Rest macht bootstrap.
Ich nutze das halt intensiv, daher auch meine Empfehlung. Ist aber jedem selbst überlassen, ich nehme mittlerweilen allerdings an, dass sich viele lieber die dreifache Arbeit gönnen, als sich einmal in bootstrap einzuarbeiten und dann in fast jedem Projekt Verwendung finden zu lassen.