5568 sujets

Sémantique web et HTML

[Résolu] Logo qui disparait

Bonjour tout le monde.

J'ai promis à un ami de refaire entièrement son site (à pleurer dans l'état actuel) mais il y a très longtemps que je n'ai pas mis les mains dans le cambouis. Cela fait belle lurette que je n'ai pas retouché au HTML et au CSS et même si en gros je me débrouille, j'ai oublié pas mal de choses.

Du coup, je me base sur un template trouvé sur le net. Mais j'ai un souci (bon plusieurs mais on va commencer par un).

A la base, on peut ajouter un titre sur le site. Je préfère insérer un logo. Mais celui-ci s'efface au bout de quelques secondes, ne laissant que l'image de fond. Je me doute bien qu'il y a une erreur dans le CSS mais je n'arrive pas à la retrouver. C'est pourquoi je compte sur votre talent. Merci d'avance.

http://arkayn.free.fr/temple/
Modifié par Arkayn (15 Jul 2019 - 12:55)
Salut

En faite ton image disparait à cause d'un effet sur l'autre image au dessus.
du coup il faudrait que rajoute
z-index: -1;

sur l'image 
<img src="images/album/1.jpg" alt="" class="preview" style="">
Salut et merci Jencal.

Malheureusement, cela ne marche pas. Je ne dois pas mettre "z-index: -1;" au bon endroit.
Si tu la mis au bonne endroit, mais tu la mal mit... quand tu inspecte l'élement tu vois que les couleurs sont pas bonnes.

tu as oublier les guillemets
Modifié par JENCAL (15 Jul 2019 - 13:48)
Merci Jencal (et de me laisser chercher, c'est plus formateur) mais je ne vois toujours pas l'erreur.

J'ai essayé avec des guillemets et cela ne change rien. Et sur le net, j'ai beau chercher "z-index: -1;" n'a pas de guillemets et souvent ils parlent de le mettre dans le CSS.

Pfiou ! J'ai beaucoup perdu. Photoshop est plus simple, pour moi. Smiley hum
Haha tkt

Voici ce que tu as : 

<img src="images/album/1.jpg" alt="" class="preview" style="" z-index:="" -1;="">


Voici ce qu'il faut : 

<img src="images/album/1.jpg" alt="" class="preview" style=" z-index: -1;">
Meilleure solution
Argh ! Tout simplement ! Je ne pensais pas à virer le contenu de style pour le remplacer par z-index: -1;.

Un grand merci à toi !
Pas de soucis !

Mais généralement, on met les propriétés CSS dans un fichier CSS et pas en style inline comme ici mais chacun fait comme il veut.
C'est pour ça que je parlais de CSS au départ mais je m'aperçois que j'ai posté dans HTML et non CSS et que donc ta réponse était adaptée à ma question.
C'est bon de savoir ça... Je te dis aussi Merci JENCAL, un ami m'avait posé presque le même problème je lui proposerai cette solution
Bonjour Jean-Pierre,

Merci pour l'info. Pour le moment, le site est en construction. J'essaye d'adapter le template que j'ai trouvé sur le net aux besoins de mon ami. Il doit rester pas mal de liens à retoucher mais j'essaye de résoudre les problèmes les uns après les autres.

J'ai pu avancer grâce à Jencal (encore merci) mais je vois bien que je ne suis plus dans le coup, ayant délaissé HTML et PHP pour Photoshop et consorts, plus proches de mon métier d'infographiste. Toute une remise à niveau à faire.

Je ne sais pas si c'est la bonne démarche mais je regarderai ce problème de liens plus tard. Là, pour le moment, je bute sur un souci au niveau du menu. J'arrive à rajouter des onglets et ça marche. Sauf que plus moyen de les refermer. J'ai d'ailleurs ouvert un sujet là dessus.
https://forum.alsacreations.com/topic-5-85388-1-Pop-up-qui-ne-veut-pas-se-fermer.html#
Modifié par Arkayn (26 Jul 2019 - 11:19)
Sujet clos
Aller à