nemunaire/nemubot-askweb
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

style

Browse source
This commit is contained in:
Bertrand 2012-05-22 10:45:40 +02:00
parent 7d7ac78d3a
commit d9d1e641a2
2 changed files with 52 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

74
index.html
View file

@ -9,15 +9,15 @@
var nbAnswer = 1; var nbAnswer = 1;
function add() function add()
{ {
var element = document.createElement("input"); var element = document.createElement("input");
element.setAttribute("type", "text"); element.setAttribute("type", "text");
element.setAttribute("name", "answer" + nbAnswer); element.setAttribute("name", "answer" + nbAnswer);
nbAnswer++; nbAnswer++;
element.setAttribute("placeholder", "Enter the new answer"); element.setAttribute("placeholder", "Enter the new answer");
var foo = document.getElementById("answerList"); var foo = document.getElementById("answerList");
foo.appendChild(element); foo.appendChild(element);
} }
</script> </script>
@ -40,8 +40,8 @@
<h3>Fonctionnement</h3> <h3>Fonctionnement</h3>
<p> <p>
Les questions que vous ajoutez vont être soumise à vérification par une Les questions que vous ajoutez vont être soumise à vérification par une
personne tirée au sort parmis la liste des participants du chan. personne tirée au sort parmis la liste des participants du chan.
</p> </p>
<p> <p>
L'un des principes de ces questions est qu'elle aient un rapport L'un des principes de ces questions est qu'elle aient un rapport
@ -64,44 +64,44 @@
<section id="typeOfCourse"> <section id="typeOfCourse">
<aside id="info"> <aside id="info">
<h3>Quelques détails</h3> <h3>Quelques détails</h3>
<p> <p>
Le champ "De quelle matière s'agit-il ?" n'est là qu'a titre Le champ "De quelle matière s'agit-il ?" n'est là qu'a titre
indicatif. Il va permettre à la personne qui valide votre question indicatif. Il va permettre à la personne qui valide votre question
d'aller vérifier par lui même la véracité de votre réponse.<br/> d'aller vérifier par lui même la véracité de votre réponse.<br/>
Indiquez la matière sur laquelle porte la question lui permettre Indiquez la matière sur laquelle porte la question lui permettre
d'aller plus vite.<br/> d'aller plus vite.<br/>
Si la question a été trouvée sur un ancien partiel ou sur le cours, Si la question a été trouvée sur un ancien partiel ou sur le cours,
vous pouvez insérer ici l'url du document en question. vous pouvez insérer ici l'url du document en question.
</p> </p>
</aside> </aside>
<article id="list"> <article id="list">
<label for="course">De quelle matière s'agit-il ?</label><br/> <label for="course">De quelle matière s'agit-il ?</label><br/>
<select name="course" id="course"> <select name="course" id="course">
<optgroup label="Cours communs"> <optgroup label="Cours communs">
<option value="SGBD">SGBD</option> <option value="SGBD">SGBD</option>
<option value="CompressionDeDonnées"> <option value="CompressionDeDonnées">
Compression de données</option> Compression de données</option>
<option value="TYLA">TYLA</option> <option value="TYLA">TYLA</option>
</optgroup> </optgroup>
<optgroup label="TDA"> <optgroup label="TDA">
<option value="RXAN">RXAN</option> <option value="RXAN">RXAN</option>
</optgroup> </optgroup>
<optgroup label="MTM"> <optgroup label="MTM">
<option value="ITIL">ITIL</option> <option value="ITIL">ITIL</option>
</optgroup> </optgroup>
<optgroup label="Autre"> <optgroup label="Autre">
<option value="Autre" selected>Autre</option> <option value="Autre" selected>Autre</option>
</optgroup> </optgroup>
</select> </select>
</article> </article>
</section> </section>

15
style.css
View file

@ -26,6 +26,21 @@ form
vertical-align: top; vertical-align: top;
} }
#typeOfCourse
{
display: inline-block;
}
aside
{
float: right;
}
#list
{
float: left;
}
footer footer
{ {
border-top: solid; border-top: solid;