|
Evan Dixon
|
August 7, 2012 at 8:39 am
The last question on this registration shows up on one big line in IE. Chrome and Firefox works fine. How can I resolve this? it’s the last question here: http://www.ejcarolinas.com/?page_id=209®event_action=register&event_id=1
-
This topic was modified 11 years, 8 months ago by
 Josh. Reason: not a pre-sales question
|
|
Evan Dixon
|
August 7, 2012 at 8:47 am
Just attempted a CSS fix but it did not work.
Added the following code to the event registration page. Tested it with 100px and it forced all other questions to wrap but not the question causing the issue.
p {
max-width:700px;
}
-
This reply was modified 11 years, 8 months ago by
 Evan Dixon.
|
|
Chris Reynolds
|
August 7, 2012 at 1:43 pm
That block is not in a <p> tag, it’s in a <legend> tag. You can probably resolve it by just changing your p style to a legend style.
|
|
Josh
|
August 7, 2012 at 1:51 pm
Hi Evan,
<legend> text typically should be kept brief (one line or less). There are CSS hacks that can force line breaks in older browsers: http://www.456bereastreet.com/archive/200905/line_wrapping_text_in_legend_elements/
Here is a solution that does not involve any hacking:
Create a new question group and place the agreement text in the question group’s description. Be sure to sure to check the box labeled “Show group description on registration page?” Then create an “I agree” question and place it in this group.
|
|
Evan Dixon
|
August 7, 2012 at 2:23 pm
Josh – perfect. Not the most elegant solution, but the question group idea did work. Thanks for the help.
|
