déjà, utiliser des h5 c'est pas courant. Question pied-dans-le-plat : tu as bien des h4 avant ? et des h3 avant ? etc jusqu'à h1 ?
Ensuite, sans ton code, absolument impossible de faire quoi que ce soit Donne-nous de quoi t'aider. Dans l'ordre du plus intéressant au moins intéressant :
Bonjour, en css tu dois utiliser la propriété display:block; tu mets une hauteur et une largeur et ton image dedans et un background-size cover ou contain ou encore 100% dedans comme ceci :
> Pour les autres qui se demandent pour des balises H5 , fallait poser la question d'abord !!!
Ben c'est ce que j'ai fait.
Et je ne suis pas sûre pour le code de Jeromesaute : si tu as des milliers d'images, tu ne vas pas les mettre dans le CSS, mais dans le HTML, si ? Et si tu affiches des images comme ça, c'est sûrement une galerie, donc des balises de titre n'ont pas lieu d'être ici.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Bah écoute je l'ai testé avant donc je pense que tu devrais revoir tes cours css.
Après il précisait pas dans son message si c'est pour une galerie, mais tu peux tout à fait afficher une image dans un h5 ça c'est sur et je pense même que le display block n'est pas forcément utile puisque les titres quelque soit le niveau sont des éléments block et pas inline.
Après pour une galerie d'image c'est sur que les images seront dans le html.
Par contre si il y en a un millier, je suis pas sur que la page charge très vite après.
Mais bon pour une galerie après il faut juste préciser la taille de l'image dans le css
img{ height:ta valeur; width:ta valeur; }
par contre là c'est sur ça va déformer l'image. et pour la dernière solution ça va consister à donner une largeur et une hauteur au h5 et ensuite placer l'image dans le h5 avec une position relative un top à 0, un left à 0, et dimensionner toutes les images sous photoshop pour qu'elle rentre dans le cadre
> Après pour une galerie d'image c'est sur que les images seront dans le html.
C'est pour ça qu'il faut *attendre plus d'infos* avant de fournir du code - tout fonctionnel qu'il soit. (mais rhooManu a raison, il manque une espace avant "no-repeat" donc on n'aura pas d'image du tout)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Oui je sais mais à la base il précise pas qu'il veut faire une galerie, donc pour moi dans l'idée la personne veut peut être tout simplement mettre une image de fond sur un titre h5.
Après c'est sur que pour une galerie c'est pas la peine d'y penser effectivement.
Après pour " le revois ton cours " DSL j'ai pas vu ce qu'il avait écrit au dessus, je vois une notification, je regarde la notification que j'ai et je réagissait au ça marche pas ça c'est sur, bah si ça marche.
Mais pour une galerie effectivement ça le fait pas.
Oui bah sinon si il a un millier d'images ça va lui faire beaucoup de retouche, j'était en train de tester un truc avec max-width, mais bon ça déforme. Sinon encore DSL pour le revoit tes cours, ça m'apprendra à relire les postes du début ;-)
Apres si il a juste 10 images dans ça galerie il fait 10 h5 avec un id il colle son image dedans ça peut le faire et ça alourdi moins la page que directe en html, par contre ça fait un peu plus de css, mais bon si il a plus d'image la c'est sur quoi que une solution serait de faire un fichier css à pare qu'il charge en plus du style de base.
Mais bon si il a un millier d'image là même en html avec <img src> il a intérêt de faire un pré chargement avant.
Mais sur ce point (performances) c'est exactement pareil que ça soit dans le HTML ou dans le CSS… La différence fondamentale c'est "est-ce que c'est de la déco ? si oui, c'est dans le CSS, si non, c'est dans le HTML". Une galerie, ce n'est pas de la déco. Donc ya même pas à tergiverser.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Ba relis le poste du début tu veras qu'il demande comment on met une image dans un h5, il parle pas de galerie et dans l'idée, graphiquement ça se tient, pourquoi pas mettre une image d'arrière plan.
Et je t'invite à lire le dernier commentaire avant le tient, la personne ne fait pas de galerie.
Sans dire que je suis mentalisme, mais quand la question est "comment mettre une image dans un h5" bah je réponds à cette question.
En plus tu lui demandes pourquoi il veut utiliser des h5, et pas des h4 ou 3 ou 1, bah il fait ce qu'il veut si il veut utiliser des h5 c'est qui quoi t'ennuie, qu'est-ce qui te dis qu'il n'utilise déjà pas des h1 des H2 etc ailleurs dans son site.
Et un truc mettre une image en img dans un titre en html, je vois pas trop comment tu cales ton image dans le titre malgré la taille sans la déformer en fonction des formats, portrait ou paysage, alors qu'avec css au moins tu peux toujours jouer en pourcentage sur ton image pour qu'elle rentre dans le cadre quitte à la tronquer un peu. Sinon difficilement possible.
Pour le niveau performance non c'est pas pareil, parce que le fichier css la page le charge une fois alors que pour des images il faut que la page les charge toutes de haut en bas dans le DOM, donc oui ça change niveau performance.
J'ai récupéré un code boostrap qui me permet de diviser l’écran en colonne pour afficher un millier d'image sur la meme page .
C'est la définition d'une gallerie, non ?
quand la question est "comment mettre une image dans un h5" bah je réponds à cette question.
Hé bien excuse-nous, mais nous on va un peu plus loin. Parce que suivant ce qu'il veut faire, hé bien ça peut être une mauvaise façon de faire, tout simplement. On s'attèle à ce que chacun comprenne ce qu'il fait avec son code, et produise quelque chose avec un minimum de qualité.
Alors oui, demander s'il n'utilise pas un H5 au pif, c'est légitime, parce qu'on ne mets pas un H5 comme ça au milieu de rien, tout simplement (et que pour en arriver à un cinquième niveau de sous-titre, faut vraiment le vouloir). Si on utilise un titre, alors il faut que la balise ait un contenu sémantique (du texte, ou une image avec une balise alt remplie correctement). Faire un titre vide avec une image de fond, c'est zéro, parce que c'est inaccessible et incorrect sémantiquement.
Et pour avoir une image dans le html qui se redimensionne sans se déformer, c'est extrêmement basique.
Pour le niveau performance non c'est pas pareil, parce que le fichier css la page le charge une fois alors que pour des images il faut que la page les charge toutes de haut en bas dans le DOM, donc oui ça change niveau performance.
Non. Une image dans le CSS ou dans le HTML sera chargée par le navigateur dans les deux cas, exactement de la même façon, à la même vitesse, avec une requête HTTP qui est faite à chaque fois (à l'exception du cas d'un sprite, on est d'accord ; mais un sprite avec des milliers d'images, j'y crois pas).
- Edité par EmmanuelBeziat 11 décembre 2017 à 17:29:12
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
> des balises H5 qui sont encadrés, à l’intérieur je veux mettre des images
"Des balises".
Et surtout, la première chose que j'ai demandé c'est "tu vas faire quoi avec ça ?". Ceci afin de lui faire préciser son besoin, et de donner une réponse adaptée.
> tu lui demandes pourquoi il veut utiliser des h5, et pas des h4 ou 3 ou 1, bah il fait ce qu'il veut si il veut utiliser des h5 c'est qui quoi t'ennuie
Ben, parce que c'est pas courant d'aller jusqu'à ce niveau de titre, et donc j'ai mon spider-sense qui réagit, je pose la question pour vérifier que derrière on a bien un HTML correct et valide.
> Pour le niveau performance non c'est pas pareil, parce que le fichier css la page le charge une fois alors que pour des images il faut que la page les charge toutes de haut en bas dans le DOM, donc oui ça change niveau performance.
Et il y a une requête HTTP par image dans les deux cas. Aucune différence. (notons d'ailleurs qu'en mettant les images dans le HTML on peut faire du lazy loading)
Donc bon, je n'ai pas la science infuse, je fais des erreurs et je le reconnais quand j'en fais, mais là, désolée, tu sembles chercher la contradiction pour la contradiction.
- Edité par Lamecarlate 11 décembre 2017 à 17:21:51
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Bon écoute je cherche pas la contradiction, le mec pose une question j'y réponds, et visiblement c'est ce qu'il voulait.
Pour les h5 c'est vrai que c'est pas courant je crois que je l'ai même jamais utilisé mais bon après chacun est libre de faire ce qu'il veut.
Après oui redimensionner une image dans placé avec <img src> en html oui c'est plus que facile par contre quand le cadre qui la contient lui ne se ou ne doit être re dimensionner là c'est moi évident sauf grandir l'image plus que le conteneur qui la contient et mettre un overflow:hidden au conteneur afin de cacher le débordement.
Pour ce qui est de la contradiction moi je cherche rien je crois que c'est vous qui vous compliquez l'esprit et au moment ou j'ai posté le truc il était pas question de galerie. Mais bon je te fais un copié collé de son dernier poste ça évitera les mal-entendus :
bonjour ,
Jeromesaute vous avez raison et ca marche ce que vous dites .
Je ne fais pas de gallerie du tout .
Les autres évitez de parler pour contredire les gens .
Donc afficher des milliers d'images, ce n'est plus faire une gallerie. J'en prends note.
chacun est libre de faire ce qu'il veut
Ben du coup, on est libres de poser des questions pour savoir s'il ne fait pas n'importe quoi avec son code, et on est libres de trouver que donner une réponse avant d'avoir des précisions juste parce que "c'est ce qu'il demande" est très moyen.
je crois que c'est vous qui vous compliquez l'esprit
Très certainement. Et je ne sais pas pour Lamecarlate, mais moi j'aime bien que les différents corps de métier avec qui j'interragis se compliquent l'esprit pour fournir quelque chose de qualitatif. Parce que si mon pharmacien me file de la codéïne au pif sans vérification juste parce que je lui dit que j'ai mal aux dents, mon garagiste resserre ma courroie parce que c'est ce que j'estime qu'il faut faire sur ma voiture, ou que mon moniteur de saut à l'élastique fait un nœud de chaise parce que je lui dit que je préfère ça aux mousquetons, hé ben j'estime qu'ils sont de très mauvais conseil.
Alors oui, déformation professionnelle, peut-être. Tu peux appeler ça "se prendre la tête" si tu veux. Mais justement, l'intégration c'est notre corps de métier, et là on sent que quelque chose ne va pas.
Oui, ça ne changera peut-être pas le résultat final et l'OP est libre de ne pas tenir compte de nos avertissements. Mais on n'arrêtera pas pour autant de privilégier une étude correcte d'un problème afin de fournir la meilleure solution possible, plutôt que de simplement répondre à l'intitulé sans se soucier de ce qui va derrière. Ça fait plus de dix ans qu'on est sur ce forum, on a chacun plus d'une dizaine de milliers de messages postés pour aider les gens qui viennent ici, alors on ne va pas soudainement baisser la qualité de nos réponses juste pour ne pas "se prendre la tête". Ce qu'on fait, on s'assure de bien le faire.
C'est comme ça.
- Edité par EmmanuelBeziat 11 décembre 2017 à 18:05:00
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Pas d'aide concernant le code par MP, le forum est là pour ça :)