Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP]Jak ugryźć Quiz? Czyli tworzymy mini e-learning.
Forum PHP.pl > Forum > Przedszkole
paniczyk
Witajcie!

Całkiem niedawno uruchomiłem mini e-learning na wordpressie, który umożliwia sprawne przeprowadzenie quizu, a odpowiedzi przesyła na maila. Nie widziałem na tym forum czegoś podobnego, więc tutaj link dla zainteresowanych:

http://www.bin-co.com/blog/2008/11/surveys-wordpress-plugin/

W czym w takim razie problem?

otóż, jak widać na poniższym screenshocie, problemem jest pytanie poniżej zaznaczania odpowiedzi, a chciałbym aby pytanie było na równi z "radio".




Domyślam się, że dopisać muszę dopisać coś w .css, oto zawartość pliku:


.survey-question, #action-button {
display:none;

}

form.survey-form {
text-align:left;
}

.multi-question .survey-question {
display:block;
padding-bottom:5px;
border-bottom:1px solid #000;

}

.question-content {
margin-top:20px;

}


Ktoś zna odpowiedź? Byłbym wdzięczny, stawiam browar za rozwiązanie ;D

Pozdrawiam!
vokiel
To może daj źródła (xHTML + CSS), mam na myśli on-line.
paniczyk
http://cityenglish.pl/test

Może być pasek z odpowiedzią poniżej pytania, na równi - ale nie ponad.
vokiel
Jakbyś otworzył w innej przeglądarce (np Operze) to byś od razu zobaczył w czym rzecz.

Utwórz albo oddzielny styl dla tych radio inputów, albo usuń z tych:
  1. input, textarea, select {
  2. -moz-border-radius:5px 5px 5px 5px;
  3. background:url("images/input_bg.gif") repeat-x scroll left top #FFFFFF;
  4. border:1px solid #C3C3C3;
  5. color:#888888;
  6. font:italic 1em Arial,Tahoma,sans-serif;
  7. margin:0 0 8px;
  8. padding:8px 5px;
  9. /* to usuń
  10.   width:98%;
  11.   display:block;
  12.   */
  13. }


Edit: Albo ustaw inne wartości:
  1. input, textarea, select {
  2. width: 20px;
  3. display: inline;
  4. }
paniczyk
Dokładnie tak! Wielkie dzięki ;-) Stawiam browar i oczywiście klikam "pomógł" !
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.