Zoom image site
Résolu/Fermé
Nadjim08
Messages postés
34
Date d'inscription
vendredi 15 avril 2011
Statut
Membre
Dernière intervention
18 janvier 2012
-
Modifié par irongege le 2/05/2011 à 14:09
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 - 2 mai 2011 à 13:47
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 - 2 mai 2011 à 13:47
A voir également:
- Zoom image site
- Site de telechargement - Guide
- Site inaccessible - Guide
- Quel site remplace coco - Guide
- Site de vente entre particulier - Guide
- Image iso - Guide
4 réponses
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
2 mai 2011 à 12:58
2 mai 2011 à 12:58
Bonjour,
mai le soucie introuvable : Introuvable???
mai le soucie introuvable : Introuvable???
Nadjim08
Messages postés
34
Date d'inscription
vendredi 15 avril 2011
Statut
Membre
Dernière intervention
18 janvier 2012
1
2 mai 2011 à 13:02
2 mai 2011 à 13:02
Je vien d'insérer ce code dans mes CSS et lorsque que je passe la souris sur mes image toujours pareille.
.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}
.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
2 mai 2011 à 13:12
2 mai 2011 à 13:12
Ok pour le CSS. Peux t'on voir le html correspondant?
Nadjim08
Messages postés
34
Date d'inscription
vendredi 15 avril 2011
Statut
Membre
Dernière intervention
18 janvier 2012
1
2 mai 2011 à 13:17
2 mai 2011 à 13:17
HTML ?
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
2 mai 2011 à 13:19
2 mai 2011 à 13:19
Ben oui, le code de ta page.
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
Modifié par pijaku le 2/05/2011 à 13:31
Modifié par pijaku le 2/05/2011 à 13:31
Bon ok. On n'est pas sorti du sable.
Tu codes tes pages avec quoi? quel logiciel? quel langage?
Fais cet essai :
1- ouvrir le bloc notes
2- copier-coller ce css dans la page du bloc note :
3- enregistrer sous : monstyle.css
4- ouvrir une nouvelle feuille du bloc note
5- copier-coller ce code html dans la nouvelle page du bloc note
7- enregistrer sous "poisson-rouge.jpg", dans le même répertoire que les 2 fichiers précédents l'image ci-jointe
8- tester
ci-joint le répertoire exemple à dézipper...
Tu codes tes pages avec quoi? quel logiciel? quel langage?
Fais cet essai :
1- ouvrir le bloc notes
2- copier-coller ce css dans la page du bloc note :
.zoom { height:400px; } .zoom p { text-align:center; } .zoom img { width:200px; height:267px; } .zoom img:hover { width:300px; height:400px; }
3- enregistrer sous : monstyle.css
4- ouvrir une nouvelle feuille du bloc note
5- copier-coller ce code html dans la nouvelle page du bloc note
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Mon site il est génial!!!!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="monstyle.css" /> </head> <BODY> <div class="zoom"> <p> <img src="poisson-rouge.jpg"/> </p> </div> </body> </html>6- enregistrer sous (dans le même répertoire que le css ci-dessus) : index.html
7- enregistrer sous "poisson-rouge.jpg", dans le même répertoire que les 2 fichiers précédents l'image ci-jointe
8- tester
ci-joint le répertoire exemple à dézipper...
Nadjim08
Messages postés
34
Date d'inscription
vendredi 15 avril 2011
Statut
Membre
Dernière intervention
18 janvier 2012
1
Modifié par irongege le 2/05/2011 à 14:09
Modifié par irongege le 2/05/2011 à 14:09
Je ne code rien le site et deja prés. J'ai une page CSS.
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
2 mai 2011 à 13:34
2 mai 2011 à 13:34
Vois donc avec celui qui l'a codé.
Nadjim08
Messages postés
34
Date d'inscription
vendredi 15 avril 2011
Statut
Membre
Dernière intervention
18 janvier 2012
1
Modifié par Nadjim08 le 2/05/2011 à 13:37
Modifié par Nadjim08 le 2/05/2011 à 13:37
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
2 mai 2011 à 13:40
2 mai 2011 à 13:40
Je ne peux donc pas t'aider davantage.
Nadjim08
Messages postés
34
Date d'inscription
vendredi 15 avril 2011
Statut
Membre
Dernière intervention
18 janvier 2012
1
2 mai 2011 à 13:42
2 mai 2011 à 13:42
Ya bien un un code CSS que j'insérer dans ma page pour que lon passe la souris sur mes image que sa face un effet zoom.
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 750
2 mai 2011 à 13:44
2 mai 2011 à 13:44
oui, mais il faut que ta page html y fasse référence...
teste l'exemple que je t'ai mis plus haut...
teste l'exemple que je t'ai mis plus haut...