These are chat archives for WildCodeSchool/faq_candidats

8th
Dec 2018
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:01
Bonjour à tous, est ce que quelqu'un voit pourquoi " tout les tarifs sont ttc " ne se trouve pas en bas de tableau dans ce code svp.
<table>
<thead>
<tr>
<td colspan="4">Tarifs</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1"></td>
                            <td>Semaines hors mercredi</td>

                             <td>Week-end et mercredi</td>
                        </tr>
                    <tr>
                        <td>Adultes</td>
                        <td></td>
                        <td></td>

                    </tr>
                    <tr>  
                        <td>Enfants moins de 12 ans</td>
                        <td></td>
                        <td></td>
                    </tr>    
                    <tr>
                        <td>Groupes ( plus de 10 personnes )</td>
                        <td></td>
                        <td></td>
                    </tr>  
                    <tr>     
                        <td>Ecoles</td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            <tfoot>
                  <tr>
                        <p><em>Tout les tarifs sont ttc</em></p>
                </tr>
            </tfoot>

        </table>
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:13
Bon j'ai trouvé tout seul, j'ai supprimé <tfoot> et l'ai réecris puis c'est bon... Merci.
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:16
n'oublie pas que le site dois être en anglais
tout les tarifs sont ttc et les autres informations de ton tableau sont en français
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:16
Oui merci, quand j'aurais suivis le cours en CSS je traduirais c'est juste pour gagner du temps
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:17
ta pu finir ton squelette html du tableau?
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:18
j'ai fais ça :
        <table>
            <thead>
                <tr>
                        <th colspan="4">Tarifs</th>
                </tr>
            </thead>
                <tbody>
                        <tr>
                            <td colspan="1"></td>
                            <td>Semaines hors mercredi</td>
                            <td>Week-end et mercredi</td>
                        </tr>
                    <tr>
                        <td>Adultes</td>
                        <td></td>
                        <td></td>
                   </tr>
                    <tr>  
                        <td>Enfants moins de 12 ans</td>
                        <td></td>
                        <td></td>
                    </tr>    
                    <tr>
                        <td>Groupes ( plus de 10 personnes )</td>
                        <td></td>
                        <td></td>
                    </tr>  
                    <tr>     
                        <td>Ecoles</td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
           <tfoot>
               <td colspan="3"><em>Tous les tarifs sont ttc</em></td>
           </tfoot>

        </table>
je ne sais pas encore centrer le <tfoot>
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:20
un instant je regarde
deja le <td> solo dans le tfoot me semble pas correcte
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:22
visuellement ça me donne bien une ligne sur trois colonnes
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:22
       <tfoot>
           <tr align="center"><td colspan="3"><em>Tous les tarifs sont ttc</em></td></tr>
       </tfoot>
je connais pas ton css
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:22
    <Style>
         table,

td {
border: 1px solid #333;
}

thead,
tfoot {
background-color: #333;
color: #fff;
}

    </Style>
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:22
mais tr align="center" honnetement c'est pas très beau mais sa le centre
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:23
je vais surement avoir des informations plus adapté quand j'aurais suivis le cours CSS je met juste en pratique le tuto pour le moment
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:23
tfoot tr { align:center; }
oups
le correcteur du tel
tfoot tr { text-align:center; }
dans ton CSS
essaye comme sa
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:24
Pourquoi le <tr> est important dans le <tfoot> alors que j'ai déjà créer une ligne avec celui ci
yes merci je colle ça
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:24
tr c la ligne du table , td c la colonne du tableau
c comme faire des balise <li> sans <ul>
c la structure d'un tableau html
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:25
ok c'est juste une question de convention
ok
merci
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:25
<table><tr><td></td></tr></table>
alors sa a centré ton footer de tableau ?
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:29
yes par contre, dans mon css thead et tfoot sont enssemble alors il faut que je les sépare pour centrer le titre et coller a droite le tfoot ( ça seras plus propre a droite )
C'est bon, j'afk quelques minutes à plus tard, merci !
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:30
thead tr { ton css }
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:30
Pourquoi on met tr après thead ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:31
c aussi une hériachie
exemple tu peu decouper ton css thead en partie
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:31
oui ok je comprend
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:31
thead { font-size:px; }
tout ton thead es en 25px
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:32
thead tr {
background-color: #333;
color: #fff;
text-align: center;
}
tfoot tr {
background-color: #333;
color: #fff;
text-align: right;
}
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:32
thead tr { css seulement pour le tr }
thead tr td { css seulement pour le td du tr de thead }
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:32
ok
Bon j'afk
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:33
afk ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:41
thead tr, tfoot tr {
background-color: #333;
color: #fff;
}
thead tr {
text-align: center;
}
tfoot tr {
text-align: right;
}
sa evite aussi de faire des repetition, par exemple si tu veux changer la couleur de ton thead et tfoot
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:49
afk = away from keyboard
oui c'est plus beau comme ça je corrige
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:50
ta compris la structure
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:50
oui
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:50
cool
c'est peu etre plus beau mais super très pratique si tu fais une page avec 10 tableau qui on la meme couleur de ton thead
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:51
oui c'est vrais
étant donné que l'italique <em> n'a pas d'importance spécifique, est ce qu'il ne vaudrais pas mieux la coder en CSS ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:53
perso je le mettrer en css
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:54
ok
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:56
faut garder en tête que ton squelette html es la base que tout ce que tu met en css c de la finition
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:57
oui
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 09:57
imagine que ta page html es utiliser sur un site qui te propose de chosiir entre 6 coleur d'affichage
si ton affichage italique tu le place en html
tu pourras rien faire que le laisser en html
mais si tu le place en css
tu pourras faire 6 css avec chaqu'un son design
je sais pas si je m'explique bien
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 09:58
oui je comprend
si si

Il y à une consigne qu'on nous donne dans Wild Circus c'est :

En utilisant du css place ces trois performances ("lough", "dream, "marvel at") sur la même ligne en enlevant le point généré par la balise "li". Attention, utilise bien le css pour aligner les éléments, tu ne dois pas enlever les balises "li"-->

l'optique c'est de mettre les titre sur la même ligne et le texte en dessous chaque titre en mode centré ?
C'est les aligner dans le sens de largeur d’écran plutôt qu'en liste verticale ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 10:01
centré je sais pas , mais l'optique oui c d'aligner les 3 performance en horizontale sans le point
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 10:01
ok
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 10:02
en css ya plusieurs solutions
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 12:28
Dans la consigne ou on nous demande de mettre la police de caractère amatic sc, on nous parle de titre ( lien cliquable ?! ) et d'item du menu, je ne comprend pas de quoi on parle ici.
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:12
titre c pas le menu
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:13
Ok au temps pour moi
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:17
ta trouuver le titre ?
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:17
Toute les saisie avec balise de H1 a H5 ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:19
h1 c'est souvent considèrais par les robots de moteur de recherches comme le titre
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:20
De la même maniere que <title> ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:23
tout a faits , je parlais pas de la balise <title> dans le head
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:24
Donc, est ce que je met le H1 avec la police amatic sc ou seulement les titre secondaire ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:26
les balises <h1> h2> <h3> etc etc ..., peuvent aussi servir de structure hiérarchique
faudrais que je regarde sur la structure du site mais c surment <h2> ou <h3>
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:31
tu veux que je te la colle ici ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:31
jai regardais le squelette que donne l'ecole
sa depasse pas la balise h3
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:32
oui effectivement
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:32
ah si ya un h4 aussi
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:33
jle vois pas
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:33
excat c'est moi qui l'ai rajouter sur mon wild circus
h3 en menu
h2 en items
h1 en titre
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:36
Qu'est ce que tu entend par item ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:36
sous titre
voir titre de paragraphe
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:37
ok je comprend
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:37
ou le titre de la section
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:49
je pense que je tai induit en erreur, je viens de rentrer chez moi et je viens de relire ce que je t'ai ecris
les items de menu c le h3
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 13:51
ahhhhh
donc on change pas du tout la police sur les lien cliquable ?
je reco d'ici 20 min
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 13:52
si les items du menu c 'estles liens
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:11
ok

Est ce que tu penses que j'intègre ça comme formulaire de contact ?

<form action="contact.html">
<fieldset>
<legend>Contact</legend>
<div>
<label for="emailinput">Votre email</label>
<input type="text" name="email" id="emailinput" placeholder="contact@email.com" autofocus>
</div>
<div>
<label for="nameinput">Votre nom</label>
<input type="text" name"nom" id="nameinput">
</div>
<div>
<label type="textinput">Votre texte</label>
<input type="text" name"texte" id="textinput">
</div>
<div>
<label><input type="checkbox" name="cgu" unchecked>j'accepte les conditions generale d'utilisation.</label>
</div>
<div>
<input type="submit" name="envoyer l'email">
</div>

</fieldset>

Evidement je ferais les traduction après la mise en page

Faut que je face comment pour que ça colle sur fond noir ?
(ici )
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:31
laisse tombé j'ai pas finis de le modifier
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 14:46
Ton form es incorecte.
Ta pas de method et action oru etre NULL
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:47
Ben ils disent dans les consignes que le formulaire n'a pas besoin d'etre fonctionel
de method ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 14:49
Je sais. Mais si dans action="tintin.html" c que tu envoie le formulaire sur tintin.html
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:49
yes
method c'est destiné à quoi ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 14:52
Uke method GET serd a passer les informations via l'URL
Apres ta la method POST
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:53
ok je ne l'ai pas encore vue dans le cours puisque il explique sans server
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 14:53
qui sont recuperer en PHP par $_POST
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:53
je met : <form action="NULL" method="GET">
?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 14:56
action="" ou action="#" c pareil
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:56
ok
<form action="#" method="GET">
<fieldset>
<legend>Contact</legend>
<div>
<label for="emailinput">Votre email</label>
<input type="email" name="email" id="emailinput" placeholder="contact@email.com" autofocus required> <!-- required est une protection insufisante -->
</div>
<div>
<label for="nameinput">Votre nom</label>
<input type="text" name"nom" id="nameinput">
</div>
<div>
<label for="message">votre message</label>
<textarea name="message" id="messageinput" placeholder="votre message" required></textarea>
</div>
<div>
<label><input type="checkbox" name="cgu" unchecked required>j'accepte les conditions generale d'utilisation.</label>
</div>
                    <input type="submit" value="envoyer l'email">
                    <button type="reset">Anuler</button>


           </fieldset>
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 14:57
method="POST"
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 14:57
Pourquoi je colle pas tout en code ??
ok je corige
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:00
Tu as comprid ce que la method GET dans un formulaire fais ?
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:00
c'est une indication pour que le php comprenne que c'est un message à recevoir ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:01
Non
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:01
alors non
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:01
Si cliaue sur envoyer. Et que ta method="GET" es celle la
Tu vas avoir les infos dans LUrl
Que tu peu changer directement dans lurl
Si tu fais une method Post
C envoyer sans passer par lurl
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:03
quel est l’intérêt ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:05
Jai deja remarquer que sa peu etre une faille si c un formulaire de connection
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:05
d'accord
Est ce que tu sais comment je peux masquer un " required " dans le code sur de ma page ?
source**
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:07
Cest a dire masquer ?
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:08
Dans le cours que j'ai suivis, la personne explique que si quelqu'un affiche la source de la page et supprime un required et bien il pourrais par exemple envoyer un message sans entrer son propre email.
alors j'aimerais que ça soit pas visible sur le code source
en faisant inspecter
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:10
L'attribut required oblige une personne une personne a devoir remplir la case poir envoyer
Si c un attribut en email @ es obligatoire
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:10
oui, et si on le supprime avec l'outil inspecter du navigateur et qu'on actualise avec la modif on peu passer outre
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:11
Lattribut required sur un textearea oblige a ecrire un texte
Alors la je sais pas si on peu le supprimer ainsi. Bonne question
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:12
Si si, il le fait
c'est un mini hack x)
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:13
Apres toujours possible de traiter ce mini hack au traitement du formaulaire
Avec des condition PHP pat exemple .
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:13
Ok je verrai ça plus tard alors
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:14
if(email="") {
Echo " chaamps email invalide";
}
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:14
ça se code dans le style ça ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:15
Sa ce code dans le fichier qui vas traiter le formulaire
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:15
ok
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 15:16
A ce jour pour le site du wild circus on demande juste un formulaire
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 15:16
yes je laisse tombé
je vais commencer les cours CSS il ne me reste pas grand chose à faire
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 17:40

Une idée de ce que j'ai pus zapper ?
The 'cols' attribute is required for <textarea> elements.
The 'rows' attribute is required for <textarea> elements.

<div>
<label for="message">votre message</label>
<textarea name="message" id="messageinput" placeholder="votre message" required></textarea>
</div>

FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 17:44
Oui c la longueur colonne et la longueur ligne en attribut
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 17:44
C'est bon oui
je viens de voir ça
merci !
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 17:44
Ta trouver seul c le top
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 17:45
ahah j'ai relus un tuto sur les tableau et je m'en suis rappelé
mais en fait ça induit en erreur que le cadre s'adapte sans ces balises
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 17:47
C une norme. Certaines balises ont besoin dube minimum tattribut poir etre valide
Même si pour certaine le resultat reste le même sens
C une norme. Certaines balises ont besoin d'un minimum t'attribut pour etre valide
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 08 2018 17:51
Bon j'ai plus d'erreur sur le html je go css enfin
AntoineVH
@AntoineVH
Dec 08 2018 18:32
J'commence serieusement a me poser des questions ca fait bientot 2 semaines et toujours pas de correction.. je devrai peut-etrte les contacter ?
FERRERO Franck
@FranckFerrero_twitter
Dec 08 2018 19:27
Tu postule a quelle campus