Informationen für CMS/made simple / [gelöst] Captcha-Hilfetext im Kontaktformular stylen

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (Wolfhardt) — Sat, 01 Jan 2011 10:22:32 +0000

Gern geschehn, bin froh, wenn ich helfen kann

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (tbillert) — Sat, 01 Jan 2011 10:20:31 +0000

ooops... Danke Dir. Da waren Teile des Formbuilder-Stylesheets doppelt drin. Der hatte auch seine Beispiel-Forms komischerweise doppelt installiert, irgendwas war da schief gelaufen. Habe doppelte Eintraege rausgeworfen und width vergroessert - jetzt sieht's gut aus. Da war auch noch ein
nach dem Captcha-Hilfetext, welches ich ebenfalls entfernen konnte.

Wegen der 5 Stylesheets: die kommen durch die verschiedenen Module, die ich benutze. Wuerde ich der Uebersichtlichkeit halber auch gern so beibehalten.

Gruss,

Thomas.

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (Wolfhardt) — Sat, 01 Jan 2011 10:08:35 +0000

Guten Morgen und ein gutes Jahr 2011 an alle

Zum Thema: In einem deiner stylesheets gibts folgende Anweisung:

/* Pretty up your Captcha image output */
.captcha {
margin:0.5em 0;
width:200px;
text-align:center
}

Das gibbet sogar zweimal!!!
Der folgende Block kommt doppelt vor:

/* Apply this class to text/select input fields with shorter labels
to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}
/* Pretty up your Captcha image output */
.captcha {
margin:0.5em 0;
width:200px;
text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}
/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

Wenn du eins davon kickst und im anderen width auf 250px stellst, dürfte es hinhauen. Außerdem würd ich das text-align: justify; rausnehmen, ich glaub es sieht im Flattersatz besser aus

Insgesamt würd ich die stylesheets noch mal überarbeiten, fünf müsses nu wirklich net sein

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (tbillert) — Sat, 01 Jan 2011 09:12:48 +0000

Danke Euch - und wuensche allen hier ein gutes neues Jahr!

Ich habe mal NaN's Tip probiert und ein

#main-text form .contactform .captcha p {
text-align: justify;
margin-left: 50px;
margin-right: 0;
}

in's CSS eingefuegt. Jetzt sieht es besser aus, aber aus irgendeinem mir nicht nachvollziehbaren Grunde hat der Text immer noch ein Margin auf der rechten Seite und wird deswegen umgebrochen. Ich kann aber mit dem jetzigen Aussehen durchaus leben.

Viele Gruesse,

Thomas.

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (Tobias_Gl) — Fri, 31 Dec 2010 09:37:02 +0000

Achtung der Ausdruck !important sollte mit bedacht gewählt werden da er schon fast an Vergewaltigung des Browsers gleicht. Eine !important Regel kann gar nicht mehr überschrieben werden.

Damit kann man ins besondere direkte Zuweisungen, welche beispielsweise der Tiny oder andere wysiwyg-Editoren machen aufheben oder ein anderes Beispiel ist der min-heigt ie-hack

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (Connie) — Fri, 31 Dec 2010 07:55:10 +0000

damit solltest Du den Absatz des Captcha-Moduls ziemlich sicher formatieren können.

wenn das dann immer noch nicht klappt, kannst du ja mal !important beifügen, schau hier: http://www.css4you.de/wscss/css06.html#e

Gruss und guten Rutsch,

Connie

Re: [gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (NaN) — Fri, 31 Dec 2010 01:15:50 +0000

IDs haben "Vorrang" gegenüber Klassen.
D.h.

#main-text p {...}

kann nicht mit

p.klassenname {...}

überschrieben werden.
Wenn dann mit

#main-text p.klassenname {...}

oder einfach nur

p {...}

oder, um es ganz speziell zu machen:

#main-text form .contactform .captcha p {
...
}

damit solltest Du den Absatz des Captcha-Moduls ziemlich sicher formatieren können.

[gelöst] Captcha-Hilfetext im Kontaktformular stylen

dummy@example.com (tbillert) — Thu, 30 Dec 2010 23:25:02 +0000

Hallo zusammen,

den Captcha-Hilfetext auf

http://geojena.billert.de/index.php?page=kontakt

(also das "Bitte geben Sie die Zeichen aus dem Bild ein.")

bekomme ich nicht gestylt. Den kann man in der Konfiguration des Formbuilders angeben, allerdings kommt er dann ohne

in den Code. Ich habe ihn also mal in ein

gesperrt, damit bekommt er zumindest schonmal das margin-left meiner Standard-

-Formatierung aus dem CSS. Allerdings wird er jetzt sehr schmal, er scheint auch ein margin-right mitzubekommen, was sich offenbar auf das Captcha-Bildchen bezieht.

Normale Absaetze im Text werden mit

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

formatiert.

Ich habe probiert, fuer den Absatz des Textes eine neue Klasse zu erstellen, also den Text in ein

zu packen und diese separat ueber

p.captchahelp {
text-align: justify;
margin-left: 50px;
margin-right: 0;
}

zu formatieren, aber das aendert nichts. Es scheint so, als ob diese Anweisung von der anderen ueberstimmt wird.

Was kann ich tun? Sieht - so wie es jetzt ist - recht unschoen aus.

Danke Euch im Voraus!

Gruss,

Thomas.