appliquer uen règle css sur des images
Modérateur : chinon37
appliquer uen règle css sur des images
bonjour,
j'ai plusieurs images que je veux positionner sur mon site. Quand je les place avec les propriétés avancées ca s'affiche au bon endroit mais quand j'ouvre la page avec internet explorer 6 ca s'affiche à une position différente de celui où je l'avais placé. c'est à la meme place mais à quelques pixels de différence. (une dizaine ou une vingtaine).
Je me demandais s'il était possible de créer une règle css pour chaque image.
merci de votre aide.
siger
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
j'ai plusieurs images que je veux positionner sur mon site. Quand je les place avec les propriétés avancées ca s'affiche au bon endroit mais quand j'ouvre la page avec internet explorer 6 ca s'affiche à une position différente de celui où je l'avais placé. c'est à la meme place mais à quelques pixels de différence. (une dizaine ou une vingtaine).
Je me demandais s'il était possible de créer une règle css pour chaque image.
merci de votre aide.
siger
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Oui, c'est possible, soit identifier en css l'image, ou un bloc dans lequel elle se trouve dans le code html, ou en fond d'un bloc (background-image) en css.
Ce qui compte, c'est l'harmonie de l'ensemble et que les éléments (images entre autres) restent positionnés les uns par rapport aux autres dans une page liquide, souple pour toutes les résolutions et tous les OS et tous les moniteurs.
Tout dépend de l'ensemble de ta page, une image de déco peut être dans un <div> et le <div> peut être identifié avec une propriété css qui lui donne des dimensions identiques à celles de l'image (au moins la largeur), et qui va le positionner (et du coup positionner l'image puisqu'elle est dedans), si l'image a une fonction illustrative, elle peut être dans un <p> avec le texte qui la commente, ce <p> est identifié en css avec de quoi le positionner avec son image, attention aux dimensions du <p> plus grandes que celle de l'image du coup, et si le texte est aligné à droite ou à gauche, l'image ira aussi à droite ou à gauche.
Une image de déco peut être dans un élément identifié en css, en tant que fond de cet élément en "background-image", <div> s'impose plus là : c'est bien pour les motifs décoratifs.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Ce qui compte, c'est l'harmonie de l'ensemble et que les éléments (images entre autres) restent positionnés les uns par rapport aux autres dans une page liquide, souple pour toutes les résolutions et tous les OS et tous les moniteurs.
Tout dépend de l'ensemble de ta page, une image de déco peut être dans un <div> et le <div> peut être identifié avec une propriété css qui lui donne des dimensions identiques à celles de l'image (au moins la largeur), et qui va le positionner (et du coup positionner l'image puisqu'elle est dedans), si l'image a une fonction illustrative, elle peut être dans un <p> avec le texte qui la commente, ce <p> est identifié en css avec de quoi le positionner avec son image, attention aux dimensions du <p> plus grandes que celle de l'image du coup, et si le texte est aligné à droite ou à gauche, l'image ira aussi à droite ou à gauche.
Une image de déco peut être dans un élément identifié en css, en tant que fond de cet élément en "background-image", <div> s'impose plus là : c'est bien pour les motifs décoratifs.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
j'ai un bouton pour me contacter et une image ç cliquer pour connaitre plus de choses sur l'auteur du site.
identifier avec un div, en mettant un id oui j'y ai pensé, mais quand tu écris la règle css tu écris ca comment pour le nom de la règle ? div nom de l'id ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
identifier avec un div, en mettant un id oui j'y ai pensé, mais quand tu écris la règle css tu écris ca comment pour le nom de la règle ? div nom de l'id ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Perso, je réponds que sur le forum.j'ai un bouton pour me contacter
Là, il faut que tu lises un tutoriel css :tu écris ca comment pour le nom de la règle ?
http://info.sio2.be/kpz/2/index.php
Bon courage.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités