These are chat archives for WildCodeSchool/faq_candidats

14th
Jan 2016
Monnier
@tibout2016
Jan 14 2016 09:03
bonjour,
je travaille ce soir, je ne pourrais participer au tchat, pouvez vous quand meme m'aider je suis bloquée, voici les 3 pages que j'ai créée

<!DOCTYPE html>

<html>

<head>
<!--Entête de la page -->

<meta charset="utf-8">

<title>wild circus</title>

<link href="http://images.google.fr/imgres?imgurl=http%3A%2F%2Fwww.ecoleducirquejohnfratellini.fr%2Fcrbst_chapiteau-dessin0.gif%253Fv%253D64l1ooiauqs7dc">

<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">

<link rel="stylesheet" href="page1.css" </head>


<body>
<!--corps de la page-->
<!-- titre puis sous titre de presentation-->
<!-- barre de navigation-->

<div class="nav">
<div class="container">
<ul class="pull-left">
<li><a href="page2.html">THE CIRCUS</a></li>
<li><a href="page3.html">NEWS</a></li>
<li><a href="page4.html">Tour 2016</a></li>
<li><a href="page5;html">CONTACT US</a></li>
</ul>
</div>
</div>

<div class="jumbotron">
<div class="container">
<h1><center>The Wild Circus</center></h1>
<p><center> More spectacular, More breathtaking</center></p>
</div>
</div>

<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img src="http://www.lancercouteaux.info/images/divers/roue_de_la_mort.jpg" >
</div>
<h3> The Knife Thrower</h3>
<p>Blindfoled the famous knife Thrower Normand River </p>
<p><a href="page6.html">More about</a></p>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="http://k2scars.com/images/K2scars/prestations/image47-2.jpg" >
</div>
<h3>The Human Torch</h3>
<p>During one minute, the human torch will fly above the circus ring.</p>
<p><a href="page7.html">More about</a></p>
</div>

<div class="col-md-4">
<div class="thumbnail">
<img src="http://burguscircus1.free.fr/elvis-errani_2008_01.jpg" >
</div>
<h3>The Elephant Tamer</h3>
<p>Felda, the elephant Tamer will make dance the elephants on Mickael Jackson music</p>
<p><a href="page8.html"> More about</a>
</div>
</div>
</div>
</div>
<footer>
<p>Copyright sonia - Tous droits réservés<br />
<a href="page5.html">contact us</a></p>
</footer>
</body>
</html>

.nav a {
color: #5a5a5a;
font-size: 20px;
font-weight: bold;
padding: 14px 10px;
text-transform: uppercase;
}
.nav li {
display: inline;
}

.jumbotron {
margin-top: 5px;
background-image:url('http://previews.123rf.com/images/tintin75/tintin751405/tintin75140500050/28525378-A-red-vintage-circus-background-for-a-poster-Stock-Vector.jpg');
height: 500px;
background-repeat: no-repeat;
background-size: cover;
}
.jumbotron.container {
margin-top: 60px;
position: relative;
top:200px;
}

.jumbotron h1 {

color: black;
font-size: 68px;

font-family: 'Shift', sans-serif;
font-weight: bold;
}

.jumbotron p {
font-size: 60px;
color: #D9B309;
}

.learn-more {
background-color: #f7f7f7;
}

.learn-more h3 {
font-family: 'Shift', sans-serif;
font-size: 18px;
font-weight: bold;
}

.learn-more a {
color: #00b0ff;
}
.the circus p{
margin: auto;
width: 300px;
}
.navpage2 a {
color: #5a5a5a;
font-size: 20px;
font-weight: bold;
padding: 14px 10px;
text-transform: uppercase;
}
.navpage2 li {
display: inline;
}

<!DOCTYPE html>

<html>

<head>
    <!--Entête de la page -->

    <meta charset="utf-8">

    <title>The circus</title>

    </head>
    <link rel="stylesheet" href="test.html"

    <link rel="stylesheet" href="page1.css"

<link href="http://images.google.fr/imgres?imgurl=http%3A%2F%2Fwww.ecoleducirquejohnfratellini.fr%2Fcrbst_chapiteau-dessin0.gif%253Fv%253D64l1ooiauqs7dc">

    <div class="jumbotron">
<div class="container">    
        <h3><center>The Circus</center></h1>

<img src="http://masmoulin.blog.lemonde.fr/files/2015/08/2-Cirque.jpg">
</p>

<p>
The wild circus exist since 1920. Mr Wild built it with is brother and went all around the world, to present is tour.
</p>

<body>
<div class="navpage2.html">
<div class="container">
<ul class="pull-left">
<li><a href="test.html">wild circus</a></li>
<li><a href="page3.html">NEWS</a></li>
<li><a href="page4.html">Tour 2016</a></li>
<li><a href="page5;html">CONTACT US</a></li>
</ul>
</div>
</div>

</div>
</div>
</body>

Monnier
@tibout2016
Jan 14 2016 09:10
je me demande si je ne dois pas laisser tomber, ça fait 2 jours que je n'avance plus, j'essai deseperement de mettre la barre de navigation sur la page 2 mais je n'y arrive pas, ça ne fait que des puces, je souhaite mettre en page 2 l'image au centre mais pareil elle reste sur le coté, bref si quelqu'un peut m'aider, mon mail au cas ou: latabledemarion@orange.fr
Mephisto
@martinezmanuel
Jan 14 2016 12:02
salut tibout ta barre ne navigation doit être la même qu'elle que soit ta page il suffit de copier coller le code pour chaque page pour ton problème d'image essaye de voir ici : https://www.w3.org/Style/Examples/007/center.fr.html
si tu as des soucis Google est notre ami ;-) il suffit de faire une recherche
"page5;html" faut mettre un point la et pas point virgule
Mephisto
@martinezmanuel
Jan 14 2016 12:11
essaye ça pour ton problème de liste a point a mettre dans ton css ici => .navpage2 li {display: inline; } tu rajoute list-style: none; ça devrait t'enlever les point déjà voila sinon bon courage ;-)
Monnier
@tibout2016
Jan 14 2016 16:04
ok je vais essayer merci martinezmanuel, si d'autres ont des conseils, je suis preneuse
Mothilde
@Mothilde
Jan 14 2016 17:43
tes balises <center> devraient être sur ton fichier css et non directement dans le html, ça rendra ton code plus lisible
j'y suis allée Lundi c'est très sympa :)
Monnier
@tibout2016
Jan 14 2016 18:36
Ok merci encore pour ton aide, bon week end😀Bonjour y a quelqu'un?
c'est pas le jeudi le tchat
Mothilde
@Mothilde
Jan 14 2016 18:43
je n'ai jamais vu personne d'autre que des candidats
Monnier
@tibout2016
Jan 14 2016 18:44
Ok mothilde, je pensai qu'un prof de l'ecole aller discuter avec moi pour m'aider dans mes difficultes, et toi tu en es ou?
j'ai des questions pour le projet, peut etre que tu peux m'aider un peu, une fois mon codage ecrit est ce que je dois mettre du javascript a la fin, comment je fais pour git je l'ai installe mais je ne sais pas comment l'utiliser puis github. Ou heberger mon site , comment as tu fais, sur quel site? Je sais beaucoup de questions mais je bloque vraiment et j'ai vraiment envie de faire cette ecole
Tony
@PTony
Jan 14 2016 21:43
Bonsoir,
Je ne sais pas quelle est votre projet mais à priori tu devrais pouvoir rajouter du javascript si tu le souhaites. Moi perso je ne l'avais pas fait mais d'autres oui.
Tony
@PTony
Jan 14 2016 22:00
Pour utiliser git avec github, il faut d'abord que tu crées le répertoire du projet depuis le site de github, ensuite il faut definir le repertoire github comme repertoire d'origine, et enfin envoyer les fichiers avec commandes adéquates (add, commit, push)
Tony
@PTony
Jan 14 2016 22:07
Pour héberger ton site tu peux utiliser proxgroup.fr c'est 0,50€ HT /mois. Il te fournirons un identifiant et mot de passe pour envoyer tes fichiers avec un client FTP (filezilla).
Mephisto
@martinezmanuel
Jan 14 2016 23:03
sinon tu peux trouver des hébergeurs gratuit comme ce lien http://www.livehost.fr/ et pour utiliser git tu peux télécharger sourcetree c'est un programme gratuit qui te permet d'utiliser git facilement surtout pour transférer ton code sur github pour ce qui est du javascript si tu suis ce qui est demandé en théorie c'est html et php ;-)
après pour tes difficulté Google est notre ami à toi de chercher sur le net il y a des tonnes de forum avec des aides pour la création de site