CODE html 5 et CSS 3 pour 8 images disposé en ligne 2x4 [Fermé]

Signaler
Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013
-
Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013
-
Bonjour,
je suis à la recherche d'une précieuse.
Je cherche à améliorer mon site.
Je cherche à disposé 8 photos sur mon site web en position centrer 4 photos x 2 lignes.


Je souhaite qu'au survol un texte apparaisse et que au clicker il me dirige vers un autre page.

Je dispose de photos de la maquette de mon site, et de l'effet que je recherche.

Si vous pouviez m'aider à encoder cela serai extrêmement charitable.


cordialement
M.A.



PS. JE Ne sais pas comment mettre les photos dans ce message





4 réponses

Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013

Désolé pour les fautes d'orthographes, je me suis relu c'est pathétique...
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
593
On pourrait t'offrir la solution si tu nous donnais l'URL de la page web
salut,la réponse est dans la question :

HTML et CSS.

Il n'y a rien à encoder spécialement il faut juste connaître le langage HTML:

pour un lien c'est la balise a(de anchor en angais) <a href="adresse_de_la_page.htm"><img src='monimage' /></a>

Pour l'alignement et le positionnement c'est du simple css, plusieurs méthodes comme par exemple disposez vos images en pourcentage < à 100% avec l'espace intermédiaire y compris(voir propriétés width en css (width=largeur en français)).

D'autres exemples ici:

https://www.google.fr/search?q=apprendre+html


C'est assez simple et à la portée de n'importe quel débutant, un seul prérequis apprenez parc que là c'est comme si vous demandiez comment écrire avec un stylo et une feuille devant vous: suffit de vous y mettre.


EDIT:PS. JE Ne sais pas comment mettre les photos dans ce message

Pourquoi faire? Il faut que vous écriviez HTML, pour charger une image dans la page il faut utiliser la balise img(de image en anglais) comme ceci:

<img src="image.jpg" />
(remarquez src= pour indiquez la source -là aussi en anglais mais en français c'est le même mot-)
et donc pareil pour les 8 images comme faire une 2eme ligne indique à la première est la même chose, il faut bien sûr changer la source(le nom) des images.
edit 2:
Pour les infobulles(le texte au survol) plusieurs méthodes:
avc l'attribut de balise alt(rien de bien sorcier commencez html un attribut de balise c'est simple, d'ailleurs html est très simple: fait pour faire des pages rapidement c'est pour cela qu''il est utilisé) mais il s'agit d'un bug à la base, en tout cas d'ujn comportement inhabituel.
VOus pouvez faire un vrai infobulle au survol avec les pseudo classe css(simple aussi mais demande un peu de pratique) ou alors carrément en javascript(là ça devient de la programmation).

Google est votre ami si vous ne trouvez pas ce qu'il vous faut dans un cours destiné au débutant il y a de la chance (surtout au début) que ce soit trivial et qu'en un coup de moteur de recherche vous trouviez tout ce qu'il vous faut et même plus.
Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013

bonjour,
ça a marché

Je voudrais changer/améliorer 2 paramètres à changer :

- centrer les images
- au survol un effet grisé/transparent des images


help me please

En tout cas merci vous êtes trop fort !