PHP Classes

Question comes out of the box

Recommend this page to a friend!

      PHP Quiz Questions and Answers  >  All threads  >  Question comes out of the box  >  (Un) Subscribe thread alerts  
Subject:Question comes out of the box
Summary:out box
Messages:3
Author:Alex Alex
Date:2022-02-23 13:54:31
 

  1. Question comes out of the box   Reply   Report abuse  
Picture of Alex Alex Alex Alex - 2022-02-23 13:54:31
I customized the questions and translated into Italian,
I noticed a bug:
antwoord4 = 2 December 1927
1927 comes out of the box
How to fix it?

upload.ee/image/13912429/sshot-1.pn ...

upload.ee/image/13912431/sshot-2.pn ...

Thank you, really useful

  2. Re: Question comes out of the box   Reply   Report abuse  
Picture of Martijn Waeyenbergh Martijn Waeyenbergh - 2022-02-23 16:07:52 - In reply to message 1 from Alex Alex
Hi Alex,

Very cool to see my code in Italian :-)

It think, it is easily fixed when you change the font-size for the answers.
In the file '/css/style.css' on line 22, you can change the fontsize.
maybe try to change it to '12pt'?

font-size: 12pt;

That way, all text in the answer links will be smaller, and fit in the box?

Hope this helps!
Greetings,

Martijn

  3. Re: Question comes out of the box   Reply   Report abuse  
Picture of Alex Alex Alex Alex - 2022-02-23 17:07:14 - In reply to message 2 from Martijn Waeyenbergh
I corrected the CSS so

In a possible upgrade it would be nice to enter a menu with questions by category
example:
Cinema
Science
Medicine
etc....



Thanks again :)

upload.ee/image/13912826/sshot-1.pn ...


////////////////////////////////////////////////////////
.wrapper{
width:50%;
margin: 0 auto;
min-height:250px;
}

.question{
background-color: #eee;
padding: 25px;
display: block;
}

.answer{
display: block;
height: 100px;
width: 27%;
float: left;
border: 2px solid black;
margin-right: 2%;
margin-top: 2%;
text-align: center;
text-decoration: none;
font-size: 17pt;
line-height: 97px;
}

.answer:hover{
background-color: #aaa;
}

.result{
background-color: orange;
font-size: x-large;
}