Keep Server Online
If you find the Apache Lounge, the downloads and overall help useful, please express your satisfaction with a donation.
or
A donation makes a contribution towards the costs, the time and effort that's going in this site and building.
Thank You! Steffen
Your donations will help to keep this site alive and well, and continuing building binaries. Apache Lounge is not sponsored.
| |
|
Topic: Apache displaying tabulations (?) then scattering everything |
|
Author |
|
Bluewisp
Joined: 16 May 2013 Posts: 4 Location: Canada
|
Posted: Fri 17 May '13 18:46 Post subject: Apache displaying tabulations (?) then scattering everything |
|
|
Hello
I'm using apache/mysql/php5/wordpress (last versions of yesterday) with the wp-survey-and-quiz-tool. Usually a survey page is displayed nicely. Now it's scaterred and it looks like it's the tabulations. This could look like a plugin bug, but I don't think so, since it happens on a fresh install, whatever the computer I'm trying on, and the plugin author doesn't reply.
I think anyone can reproduce it. To be very clear, let's explain stuff fast:
- Apache seems to send tabulations with html, so the browsers are showing them and breaking the page. But it's a theory.
- Tried on firefox, chrome, chromium, IE.
- Tried on 3 different wordpress themes (2 default and one custom)
- Fresh apache with mod-rewrite enabled and working, mysql, php5, wordpress, wp-survey-and-quiz-tool plugin (last)
- Create a survey, put the shortcode into a new page, go on this page. And...
See the screen at http://imageshack.us/a/img14/7955/20130517123735.jpg
This is the portion of html code:
Code: | <article id="post-4" class="post-4 page type-page status-publish hentry">
<header class="entry-header">
<h1 class="entry-title">Survey</h1>
</header>
<div class="entry-content">
<pre><div class="pre-content"></div>
<div class="quiz">
<h1>Section 1</h1>
<form method="post" action="/?page_id=4">
<input type="hidden" name="step" value="1" />
<input type="hidden" name="wpsqt_nonce" value="7f3b0e21e3" />
<div class="wpst_question">
<font color="#FF0000"><strong>*
</strong></font>Enter your favorite color:
<p></p>
<select name="answers[0][]">
<option value="0" >Blue</option>
<option value="1" >Red</option>
<option value="2" >Green</option>
</select><br /><br />
</div>
<div class="wpst_question">
<font color="#FF0000"><strong>*
</strong></font>The sky is usually:
<p></p>
<select name="answers[1][]">
<option value="0" >Blue</option>
<option value="1" >Yellow</option>
<option value="2" >Red</option>
<option value="3" >Magenta</option>
</select><br /><br />
</div>
<p><input type='submit' value='Submit' class='button-secondary' /></p></form>
</div> |
Anyone ever seen this? What can I do? Thank you! |
|
Back to top |
|
James Blond Moderator
Joined: 19 Jan 2006 Posts: 7371 Location: Germany, Next to Hamburg
|
Posted: Sat 18 May '13 16:31 Post subject: |
|
|
if you could provide an url I might figure out more. |
|
Back to top |
|
Bluewisp
Joined: 16 May 2013 Posts: 4 Location: Canada
|
Posted: Sat 18 May '13 22:45 Post subject: |
|
|
James Blond wrote: | if you could provide an url I might figure out more. |
I thought it was forbidden here. This is the url:
http://www.cosmicfog.net:81/?page_id=4
The port is 81 because it's the test version of my website. 80 is blocked until the site is ready. Thanks for checking into this. |
|
Back to top |
|
James Blond Moderator
Joined: 19 Jan 2006 Posts: 7371 Location: Germany, Next to Hamburg
|
Posted: Sat 18 May '13 23:05 Post subject: |
|
|
Well it looks like on the screen shots of the plugins.
Why it looks how it looks is because there is almost nothing the CSS /wp-content/plugins/wp-survey-and-quiz-tool/css/main.css?ver=3.5.1 just
Code: |
div.wpsqt-question-info {
width: 250px;
border: 1px solid #A8A8A8;
padding: 15px;
margin-top: 50px;
}
div.wpsqt-survey-info {
padding: 10px;
margin-top: 50px;
text-align: center;
}
div.wpsqt-question-review {
margin-bottom: 75px;
}
div.wpsqt-progress {
background-color: #BABABA;
border-radius: 13px;
padding: 3px;
}
div.wpsqt-progress div {
background-color: #707070;
height: 10px;
border-radius: 10px;
}
|
So if you want to have it more "fanzy" you have to edit that css file.
It is not a wordpress issue. The plugin simple does not offer much colorness and pictures and stuff. |
|
Back to top |
|
Bluewisp
Joined: 16 May 2013 Posts: 4 Location: Canada
|
Posted: Sun 19 May '13 1:40 Post subject: |
|
|
I'm only talking about correct cariage returns and no tons of tabulations and spaces:
Question A
- Choice 1
- Choice 2
- Choice 3
And not:
(tab)(tab)(tab)(tab)(tab)(tab) Question A
(tab)(tab)(tab)(tab)(tab)(tab)(tab)(tab) - Choice 1
(CR)(CR)(CR)
(tab)(tab)(tab)(tab)(tab)(tab)(tab)(tab) - Choice 2
etc.
I will try to edit css like you suggest. But I don't understand why default stuff would display so badly. |
|
Back to top |
|
Bluewisp
Joined: 16 May 2013 Posts: 4 Location: Canada
|
Posted: Sun 19 May '13 2:17 Post subject: |
|
|
OMG...I found the problem. It's copy paste done when installing the shortcode. Some formated stuff was placed with the shortcode (invisible) and when I copy pasted from a raw text mode, the survey displayed correctly. I can't believe I'm on this since several days to find this stupid reason...
I'm deeply sorry for this. But maybe someone will make the same mistake and wonder too. I hope the post will be useful for someone else.
Thanks for your time! |
|
Back to top |
|
|
|
|
|
|