Gallerie neben text, Bilder über einander

Ich mal wieder.

Ich habe ein, momentan noch kleines, Formular erstellt : http://contao.pikante-stadtallendorf...taufnahme.html

Habe dann als css:

Code:

---

input.text {margin-left:100px;}

---

Leider verschiebt er die Eingabefelder aber ab dem Ende des Wortes. Habe auch schon viel gegoogled und ausprobiert, hat bisher leider alles nichts genützt. Habt ihr Tipps?

Weiteres Problem: Bei http://contao.pikante-stadtallendorf...p/anfahrt.html zerreißt es mir das ganze Template, die Navigation ist irgendwo links außerhalb des Bildschirms. Ich habe schon alles ausprobiert, von löschen neu anlegen, ich verstehe nicht warum er da die Navigation verschiebt. Im Menüpunkt Kontakt/Impressum funktioniert das ganze doch auch einwand frei.

Dritte und letzte Frage: Was hat es mit dem Pfad: p auf sich, der unter dem Textfeld im Artikeleditor steht? Manchmal steht dort auch div oder ähnliches. Ich verstehe da den unterschied nicht bzw. was es bewirken soll. Habe auch mal versucht einen Text mit der Klasse "bigtext" zu versehen und dann in der css eingefügt

Code:

---

p.bigtext {width: 250px; font-size:36pt;}

---

Leider hat das nichts bewirkt, der Text hat sich nicht verändert, dabei war ist es mir sehr wichtig, dass der Text mit der Klasse bigtext eben nicht über die Gesamte Main-Breite angezeigt wird.

Habt ihr ein paar Lösungsvorschläge?

Hallo Fkhm,

zu deinem ersten Punkt:

setze die Label auf float:left; und eine feste Breite.

Code:

---

label
{
float:left;
width:120px;
}

---

Wichtig, das du im Formular-Kopf auf tabellenlose Ausgabe geklickt hast.
hast du :)

Super, wieder etwas gelernt. Den Abstand zwischen den Zeilen versuche ich selbst hinzubekommen, nur falls es garnicht klappt, melde ich mich. Hat geklappt.

Weiß jemand etwas zu Punkt 2 und 3?

Zu 2.
Deine CSS Deklarationen auf #main sollten sich auf #main .inside beziehen, ist grundlegend gesagt bei Contao fast überall so.

Zu 3.
Verstehe ich nicht.

Habe #main jetzt einfach in#main.inside umbenannt, hat funktioniert, nur leider funktionieren jetzt die paddings nicht mehr, dadurch habe ich einen sehr geringen Abstand zwischen der Linken Spalte und der Mainspalte. Das ist leider so nicht gewollt, aber immernoch besser als die verrutschte linke Spalte.

Ich meinte das hier Anhang 10702
Ganz unten über: "Sie können HTML-Tags verwenden, um den Text zu formatieren." Steht Pfad: p. Das sagt für mich aus das sich mein Text in <p>Hier steht mein Text</p> befindet. Also versuche ich das ja z.B. mit einem Stylesheet für p zu formatieren. Habe aber eben dem Artikel noch die Klasse bigtext gegeben.

Also im Stylesheet p.bigtext {Alle variablen} gemacht. Leider hat das nicht funktioniert. Ich möchte, dass sich der Text in p.bigtext nicht über die gesamte Breite von der Mainspalte streckt, sondern nur über ca. 250px. Deswegen wollte ich das so machen.

Weiß da noch jemand was, wie ich das padding zurückbekomme, dass ich vorher hatte?
Habe es hinbekommen, falls irgender mal das gleiche Problem hat:
Bei mir sind alle Texte in der Klasse p geschrieben, habe einfach ein stylesheet mit

Code:

---

p {padding-left:10px; padding-right:10px;

---

hinzugefügt.

Aber ich steh jetzt vor dem Problem das ich neben dem Text Bilder einfügen wollte. Aber es sollte kein Text zwischen die Bilder kommen. Sie sollen rechts neben dem Text zu sehen sein wie hier:
http://contao.pikante-stadtallendorf...eistungen.html

Habe erstmal ein stylesheet mit

Code:

---

.ce_gallery {float:right; }

---

erstellt um es an die Seite zu floaten. Habe auch in der Gallerie die ich dafür erstellt habe Bilder pro Reihe: 1 eingestellt.
Leider werden sie nicht übereinander angezeigt, sonder nebeneinander. Weiß da jemand was?

Frage ist noch aktuell, bekomme es bei bestem Willen nicht gelöst.

Zitat:

---

Zitat von Fkhm

Frage ist noch aktuell, bekomme es bei bestem Willen nicht gelöst.

---

Die Bilder stehen nebeneinander weil:

Code:

---

.ce_gallery li {
float: left;
}

---

Den Float:left für das Listenelement entfernen, dann stehen die Bilder untereinander.

Gruß,
Andreas

Danke, wenn ich das mit firebug so abänder funktioniert das auch, nur habe ich nie ein

Code:

---

.ce_gallery li{
float: left;}

---

definiert.
Auch wenn ich im css ein

Code:

---

.ce_gallery li {
float: none;}

---

erstelle, akzeptiert er das nicht.
Weiß da jemand rat?

Habe mich vertippt, hatte ein

Code:

---

ce.gallery li {
float: none;}

---

eingegeben. Das kann natürlich nicht funktionieren.
Also, vielen Dank für den Tipp.