CODE html 5 et CSS 3 pour 8 images disposé en ligne 2x4
Fermé
larose6996
Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013
-
4 oct. 2013 à 23:53
larose6996 Messages postés 30 Date d'inscription mardi 31 janvier 2012 Statut Membre Dernière intervention 19 octobre 2013 - 6 oct. 2013 à 00:38
larose6996 Messages postés 30 Date d'inscription mardi 31 janvier 2012 Statut Membre Dernière intervention 19 octobre 2013 - 6 oct. 2013 à 00:38
A voir également:
- CODE html 5 et CSS 3 pour 8 images disposé en ligne 2x4
- Clé windows 8 - Guide
- Vente en ligne particulier - Guide
- Partage de photos en ligne - Guide
- Hors ligne instagram - Guide
- Aller à la ligne excel - Guide
4 réponses
larose6996
Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013
5 oct. 2013 à 00:01
5 oct. 2013 à 00:01
Désolé pour les fautes d'orthographes, je me suis relu c'est pathétique...
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.
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.
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.
larose6996
Messages postés
30
Date d'inscription
mardi 31 janvier 2012
Statut
Membre
Dernière intervention
19 octobre 2013
6 oct. 2013 à 00:38
6 oct. 2013 à 00:38
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 !
ç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 !
5 oct. 2013 à 05:13