appliquer uen règle css sur des images

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Invité

appliquer uen règle css sur des images

Message par Invité »

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
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

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
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
siger
Gecko
Messages : 98
Inscription : 25 nov. 2006, 10:58

Message par siger »

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
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

j'ai un bouton pour me contacter
Perso, je réponds que sur le forum.
tu écris ca comment pour le nom de la règle ?
Là, il faut que tu lises un tutoriel css :
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
siger
Gecko
Messages : 98
Inscription : 25 nov. 2006, 10:58

Message par siger »

le bouton pour me contacter est un des 2 images que je veux mettre sur mon site.

ah oui ce site je l'ai enregistré mais je ne l'ai pas encore lu. merci



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
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité