Je viens d'arriver a mon travail et je dois mettre a jour un site déjà existent. Cependant j'aimerais ajouter une image sur une page, après avoir entrer mes lignes de codes(identiques a celles des autres images), mon image n'est pas aligne. Je trouve ensuite une partie du code qui devrait me permettre de régler cela, seulement il est impossible de la modifier. Voici la partie du code en question:
Salut,
C'est le css(les styles graphiques de la page) et le problème des logiciels d'édition graphique de type WYSIWYG comme dreamweaver: dès qu'on veut modifier quelque chose et que l'on ne sait pas ça prendras autant de temps qu'apprendre le html et le css à la main ce qui est bien mieux, propre et juste que n'importe quel code généré automatiquement.
Vous pouvez essayer(plutôt bidouille comme solution):
_supprimer l'attribut class ou l'id de votre balise image(<img ...> et voir ce que ça donnes.
_ajoutez votre propre style css directement sur la balise plutôt qu'en appel class ou id, comme ceci par exemple:
Va décaler par rapport à sa position originale dans le bloc de -10px à partir du haut et 8px sur la droite. Vous pouvez indiquer une valeur pour right(décalage à partir de la droite), utiliser bottom:LA VALEUR; ou left:LA VALEUR; pour un décalage compté à partir du bas et de la gauche éventuellement.
Les unités utilisés pour le positionnement(avec leur symbole utilisé) sont le pixel(px) le quadratin(em) qui correspond à la hauteur de ligne de texte et le pourcentage(%).
Il existe d'autres méthodes de positionnement moins hasardeuse(les propriétés float CSS mais mieux vaut un code CSS que l'on connait sur les bouts des doigts car on l'as fait) ou moins respectueuse des standards (créer un tableau au cadres invisibles et changer la taille des cellules périphériques pour aligner une centrale).
14 sept. 2011 à 20:18
C'est le css(les styles graphiques de la page) et le problème des logiciels d'édition graphique de type WYSIWYG comme dreamweaver: dès qu'on veut modifier quelque chose et que l'on ne sait pas ça prendras autant de temps qu'apprendre le html et le css à la main ce qui est bien mieux, propre et juste que n'importe quel code généré automatiquement.
Vous pouvez essayer(plutôt bidouille comme solution):
_supprimer l'attribut class ou l'id de votre balise image(<img ...> et voir ce que ça donnes.
_ajoutez votre propre style css directement sur la balise plutôt qu'en appel class ou id, comme ceci par exemple:
<img src="PAS CHANGER L'ADRESSE" style="position:relative;top:-10px;right:8px;" />
Va décaler par rapport à sa position originale dans le bloc de -10px à partir du haut et 8px sur la droite. Vous pouvez indiquer une valeur pour right(décalage à partir de la droite), utiliser bottom:LA VALEUR; ou left:LA VALEUR; pour un décalage compté à partir du bas et de la gauche éventuellement.
Les unités utilisés pour le positionnement(avec leur symbole utilisé) sont le pixel(px) le quadratin(em) qui correspond à la hauteur de ligne de texte et le pourcentage(%).
Il existe d'autres méthodes de positionnement moins hasardeuse(les propriétés float CSS mais mieux vaut un code CSS que l'on connait sur les bouts des doigts car on l'as fait) ou moins respectueuse des standards (créer un tableau au cadres invisibles et changer la taille des cellules périphériques pour aligner une centrale).
A vous de voir.