[gelöst] Captcha-Hilfetext im Kontaktformular stylen

tbillert · 31. Dezember 2010 00:25

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.

Beitrag geändert von tbillert (19. Januar 2011 00:59)

NaN · 31. Dezember 2010 02:15

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.

Connie · 31. Dezember 2010 08:55

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

Tobias_Gl · 31. Dezember 2010 10:37

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 wink oder ein anderes Beispiel ist der min-heigt ie-hack

Beitrag geändert von Tobias_Gl (31. Dezember 2010 11:22)

tbillert · 01. Januar 2011 10:12

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.

Beitrag geändert von tbillert (01. Januar 2011 11:29)

Wolfhardt · 01. Januar 2011 11:08

Guten Morgen und ein gutes Jahr 2011 an alle lol

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!!! yikes
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 wink

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

Beitrag geändert von Wolfhardt (01. Januar 2011 11:20)

tbillert · 01. Januar 2011 11:20

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.

Wolfhardt · 01. Januar 2011 11:22

Gern geschehn, bin froh, wenn ich helfen kann wink

Forum für CMS/made simple

#1 31. Dezember 2010 00:25

[gelöst] Captcha-Hilfetext im Kontaktformular stylen

#2 31. Dezember 2010 02:15

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

#3 31. Dezember 2010 08:55

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

#4 31. Dezember 2010 10:37

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

#5 01. Januar 2011 10:12

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

#6 01. Januar 2011 11:08

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

#7 01. Januar 2011 11:20

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

#8 01. Januar 2011 11:22

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

Fußzeile des Forums