Perso j'aime pas beaucoup les solutions intégrées je préfère mettre la main dans le cambouis un conseil DaviGorcho n'essaie jamais de mémoriser tout tu ne pourras pas fait toi de petites notes dans un bloc-notes ou les penses-bêtes que tu pourras exploiter et au fur et à mesure que tu travailles dessus ça viendra tout seul mais e retourne pas voir le cours à chaque fois que t'as une impasse
L'important ce n'est pas d'être grand mais c'est être à la hauteur
je suis à la partie créer votre première page web dans le mooc et je fais avec mes documents à moi, j'ai essayé dans la page html de mettre une vidéo et cela m'affiche une erreur : "aucune vidéo dont le format ou le type mime est géré n'a été trouvé"
je vous joint ci dessous la capture écran et merci d'avance si quelqu'un peut me dire quoi faire sachant que mon code à l'air correct ?
j'ai entendu parler du fichier .htaccess pour les type mime mais j'avoue que je n'y comprends rien
A oui, merci quel truffe je suis, j'avais pas signifié le sous dossier !!!
a plus
davy
Bonjour
je reviens vers vous car je continue l'exercice du mooc de la première pages web j'en suis à mettre un bandeaux image et je n'arrive pas au même résultat que l'exercice et j'ai pourtant une image à qui à la même taille et propriété !!!
je n'ai non plus l'ombre sur le lien article et sur mon titre.
à gauche c'est l'exemple de la page bonne, en haut c'est le mien et à droit mon code css.
voilà si vos lumières peuvent m'aider !
merci davy
- Edité par DavyGorchon 13 février 2017 à 13:08:55
A oui, merci quel truffe je suis, j'avais pas signifié le sous dossier !!!
a plus
davy
Bonjour
je reviens vers vous car je continue l'exercice du mooc de la première pages web j'en suis à mettre un bandeaux image et je n'arrive pas au même résultat que l'exercice et j'ai pourtant une image à qui à la même taille et propriété !!!
je n'ai non plus l'ombre sur le lien article et sur mon titre.
à gauche c'est l'exemple de la page bonne, en haut c'est le mien et à droit mon code css.
voilà si vos lumières peuvent m'aider !
merci davy
- Edité par DavyGorchon hier à 13:08
C'est normal, si tu regarde bien l'ombre n'est appliqué qu'au bloc " id="banniere_image" " car la propriété s'appelle "box-shadow" et elle n'est destinée qu'au bloc
Après si tu veux une ombre sur ton lien d'article et ton titre à toi de rajouté la propriété suivante: " text-shadow: 0px 4px 4px #1c1a19; " qui elle n'est destinée qu'au texte, titre et paragraphe si j'en oublie pas.
C'est sur que ce n'est qu'un exemple mais après à toi de modifier selon tes goûts.
En espérant t'avoir aider. Cordialement
- Edité par JonathanCOURTOIS 14 février 2017 à 22:15:19
Dans le premier chapitre, je n'ai pas bien compris le point sur les images, j'ai donc quelques questions.
Quand doit-on utiliser <figure> et quand doit-on mettre l'image entre <p> ? Il y a marqué " Si elle n'apporte aucune information (c'est juste une illustration pour décorer) : placez l'image dans un paragraphe. Si elle apporte une information : placez l'image dans une figure. "; mais c'est assez subjectif... Pour reprendre une exemple, concret; lors de l'activité 1 où il faut faire le CV; l'image peut apporter une information dans le sens où elle montre a quoi ressemble la personne (c'est ce que j'ai fais), mais peut également servir d'illustration uniquement (d'après les fichiers de correction qui ont été fait).
Il faut OBLIGATOIREMENT que ce soit dans l'un des deux ?
Que faire lorsqu'on a une une <div> ? On doit créer une <p> ou <figure> même si elle est " inutile " ?
Dans un essai de créer une page web j'ai rencontré un problème concernant le lien provenant de ma page web vers le fichier cible.
Voici mes données:
Mes 2 fichiers essai.html et style_essai.css se trouvent dans le dossier Dossier_CSS.
Le fichier cible appelé page1.html se trouve également dans ce même Dossier_CSS.
La ligne de commande est: <li><a href="page1.html">PAGE1</a></li>
Apparemment mes 2 fichiers html et css fonctionnent correctement jusque là sauf qu'à l'essai du lien, en cliquant sur PAGE1 le navigateur ne trouve pas la cible.
J'ai essayé de remonter au dossier parent Dossier_CSS: <li><a href="../page1.html">PAGE1</a></li>: echec.
tu dois lui dire que tu l'a dans le dossier css c'est ../css/page1.html mais je te conseille de mettre tes pages html à la racine du site et uniquement les fichiers css dans ton dossier css
A oui, merci quel truffe je suis, j'avais pas signifié le sous dossier !!!
a plus
davy
Bonjour
je reviens vers vous car je continue l'exercice du mooc de la première pages web j'en suis à mettre un bandeaux image et je n'arrive pas au même résultat que l'exercice et j'ai pourtant une image à qui à la même taille et propriété !!!
je n'ai non plus l'ombre sur le lien article et sur mon titre.
à gauche c'est l'exemple de la page bonne, en haut c'est le mien et à droit mon code css.
voilà si vos lumières peuvent m'aider !
merci davy
- Edité par DavyGorchon hier à 13:08
C'est normal, si tu regarde bien l'ombre n'est appliqué qu'au bloc " id="banniere_image" " car la propriété s'appelle "box-shadow" et elle n'est destinée qu'au bloc
Après si tu veux une ombre sur ton lien d'article et ton titre à toi de rajouté la propriété suivante: " text-shadow: 0px 4px 4px #1c1a19; " qui elle n'est destinée qu'au texte, titre et paragraphe si j'en oublie pas.
C'est sur que ce n'est qu'un exemple mais après à toi de modifier selon tes goûts.
En espérant t'avoir aider. Cordialement
- Edité par JonathanCOURTOIS 14 février 2017 à 22:15:19
Bonjour
merci beaucoup !!!
j'ai compris mais que faire pour que la photo sous mon titre et l'article soit bien sur toute la largueur de la page et pas bloqué au milieu de l'écran ?
bien cordialemnt
davy gorchon
- Edité par DavyGorchon 19 février 2017 à 23:18:17
Bonjours a tous, je voudrais savoir comment on peut faire pour pouvoir créer une page comme quand on fait ajouter un album sur facebook ? Je n'est pas trouvé de réponse a cette question.
J'ai trouvé mon erreur: comme je l'ai dit, mon fichier HTML: essai.html et le fichier CSS: style-essai.css étaient corrects. L'erreur localisée dans le lien était dû à une copie-coller paresseuse, à partir d'un texte extérieur où les "quotes" n'étaient pas les mêmes, c'est vraiment bête: en refrappant avec un éditeur de texte approprié (j'utilise jEdit) tout marche très bien et j'ai réussi à construire une page web (la mienne est simplifiée à volonté): le lien marche et je trouve le fichier demandé Page1.html à partir de la page web originale. Ce problème est résolu et merci à ceux qui ont lu mon message et donné des conseils.
Quelqu'un pourrait-il me dire pourquoi Codey continue de me dire qu'il n'y a pas de lien entre mon .html et mon .css alors que c'est la première chose que j'ai ajouté au <head> du .html?
D'accord, mais là, il s'agit d'un exercice sur l'éditeur interactif d'open classrooms, je n'importe aucun fichier extérieur et les fichiers html et css sont déjà définis, je dois juste les remplir de code.
Je suis sur l'exercice du TP en semaine 3 : Création d'un site pas à pas. Je me retrouve donc avec notre ami "Zozor". Je n'arrive pas (et cela fait 2 jours que je suis dessus) à afficher la bannière (bannière_image) qui représente le pont de San Francisco. Il n'y a pas de ligne de code dans le fichier html qui me renvoie dans le répertoire où se trouve l'image. Du coup je me demande si il n'y a pas un oubli dans le cours de Mathieu (fichier PDF). Quand je rajoute une ligne de code, l'image apparaît mais n'est pas modifiée par le css.
ligne de code html rajoutée dans bloc <div> ligne 31: <p><img src="images/sanfrancisco.jpg" alt="Le pont de San Francisco" /></p>
J'utilise l'éditeur de texte Notepad++ et je suis un adepte du copier-coller. Aider moi svp à avancer dans le cours. Je rame depuis plusieurs jours. Merci .
j'ai une question qui concerne l'opacité d'un élément. Dans le MOOC on voit comment gérer l'opacité d'un paragraphe ou d'un élément. Mais comment faire quand notre background est une image ? Je souhaiterai qu'elle apparaisse presque en filigrane car les couleurs sont trop marquées. Ou bien faut-il que je la traite avec un programme externe avant de l'insérer ?
Merci beaucoup
body
{
background: url(WTF.png) scroll no-repeat top right, url(fond.jpg) fixed 1368px;
le rendu (pas d'inquiétude, c'est bien une page de test. Désolé si ça pique les yeux).
EDIT : mon problème a disparu ! Ça devait être un cache de Google qui datait du temps où je développais le site.
Bonjour,
Je suis en train de faire une version multilingue de mon site, et j'ai une erreur bizarre "an error occurred" s'affichant sur Google pour la version FR du site :
@FlorianPoirier1bien-sûr que ça ne marchera pas le chemin n'est pas le bon le plus simple est de mettre le fichier image dans le même dossier que le fichier html et fait
<img src="equipe.jpg" />
ou dans un sous-dossier et là tu precise le nom du repertoire en premier. Mais si tu tiens à ce chemin clique sur la barre de nom de ton explorateur(si c'est comme ça qu'on l'appelle) et fait un copier que tu collera dans l'attribut src de ta balise img et rajoute le nom du fichier
L'important ce n'est pas d'être grand mais c'est être à la hauteur
J'en suis à la partie du cours où nous devons mettre en forme notre CV précédemment créé en HTML5.
Lors de la création en HTML5 nous devions insérer une photo cliquable, que j'aimerais pour cette mise en forme, placer tout en haut à droite de mon CV.
Comme vous le verrez dans mon code j'ai utilisé "float : right" ce qui à positionné l'image à droite mais pas vraiment en haut, et quand j'ai essayé avec "float : top right" elle est revenu à gauche
Ce qui me laisse penser que ce n'est pas le code que je dois utiliser car cela est fait pour positionner le texte autour de l'image (ou non) et pas pour positionner l'image en elle même, mais c'est la seule "parade" que j'ai trouvée pour me rapprocher de la solution ...
Ci vous avez cette solution, merci d'avance
Ci dessous les imprims écran du cv et de mes codes en html5 et css3
THPMultimédia
THPMultimédia