[gelöst] Beschriftung eines Datumsfeldes rechts/links
Eingetragen von dknopf (80)am 04.09.2010 - 16:01 Uhr in
Liebe Drupaler,
ich habe ein Problem mit der Beschriftung eines Datumsfeldes.
Folgende Ausgangssituation:
Datumsfeld ist ein cck - Datumsfeld mit POP-UP Kalender (Date Popup).
POP-UP-Kalender wird von der JQuery erzeugt.
Dazu habe ich das Modul jQuery UI installiert und die entsprechenden JQuery Bestandteile.
Dieser POP-UP-Kalender funktioniert einwandfrei.
Das Problem ist die Beschriftung des Feldes, diese steht immer rechts vom Feld.
mit css kann ich sie auch über dem Feld anzeigen lassen, aber sobald ich die Beschriftung in einer Zeile (display:inline-block) anzeigen lassen will, steht sie hinter dem Feld, also auf der rechten Seite.
Das ist unüblich und sieht auch nicht gut aus. Kann man da irgendwas machen ?
lieben Gruß
Daniela
- Anmelden oder Registrieren um Kommentare zu schreiben
Weiss denn niemand einen Rat
am 06.09.2010 - 11:54 Uhr
Weiss denn niemand einen Rat ?
Habe ich vielleicht die Frage nicht genau genug formuliert ?
Wenn einer schon mal ein Datumsfeld (mit Datepicker) mit CCK auf einem Formular erzeugt hat und hat es so hinbekommen, dass die Beschreibung des CCK Feldes, z.B. Datum: links neben dem Eingabefeld steht, dann wäre es toll, wenn er mir ein ccs Schnippsel posten oder schicken könnte.
Das muß doch irgendwie gehen, aber ich sehe im Moment die Lösung nicht. :-(
Hallo Daniela,wenn die
am 09.09.2010 - 12:16 Uhr
Hallo Daniela,
wenn die Positionierung mit display:inline-block nicht richtig funktioniert, dann kannst du die Position eines Elementes noch mit position:.... beeinflussen.
Manchmal muß man eben die Brechstange rausholen :-)
ein Beispiel, wie ich das gelöst habe:
mein Datumsfeld heißt angelegt-am
dann habe ich folgenden CSS-Kode verwendet, um Beschriftung und Feld richtig anzuordnen
#edit-field-angelegt-am-0-value-wrapper label{width:300px; position:relative; left:-300px; }#edit-field-angelegt-am-0-value-datepicker-popup-0-wrapper{position:relative; left:165px; width:300px;}
#edit-field-angelegt-am-0-value-datepicker-popup-0-wrapper .description{display:none;}
das heißt also:
label 300 px breit gemacht und dann Beschriftung ganz an den Anfang gezogen
das Feld selbst 165px nach rechts geschoben, dann paßt es bei mir genau unter andere Felder....
die letzte Zeile unterdrückt nur diese lästige Formatangabe, z.B. Format 02.08.2010
Ich hoffe, dass hilft dir weiter :-)
vielen Dank für deine
am 09.09.2010 - 12:58 Uhr
vielen Dank für deine Antwort....
des funktioniert genauso wie du es beschrieben hast, ganz phantastisch....
endlich sehen die Datumsfelder vernünftig aus. Also nochmals vielen Dank für den css Code und ich möchte dir an dieser Stelle auch noch für die vielen HOWTO's danken.
Ich finde die Video-Tutorials sehr informativ und lehrreich.
Auch ist die Qualität, wenn man Sie im Vollbildmodus mit 720p schaut ganz phantastisch und man kann wirklich jeden Buchstaben ganz genau lesen.
Hoffentlich machst du so weiter :-)