Positionnement image insérée.

, 17:48pm

Publié par Pourquoi pas 732

Dans une section texte, vous avez une icône qui vous permet d'insérer une image, par son adresse internet (URL)

J'ai placé mon curseur devant le premier caractère/icône insérer une image/saisie de son URL et vous voyez le résultat

 

 

Recommençons la même opération puis, une fois l'image affichée, cliquons droit sur cette image/propriétés de l'image..

Voici les commandes qui s'ouvrent à nous.

Positionnement image insérée.

Comme vous le voyez, vous avez la possibilité:

_ d'afficher la taille de l'image en cliquant sur la flèche circulaire et de la modifier.

_ de mettre une bordure continue et couleur adaptée au thème, à cette image

_ de la positionner en latéral, par rapport au bord gauche.

_ de la positionner en vertical par rapport au bord haut

_ de la positionner à gauche ou à droite du texte.

- de faire un lien sur cette image vers un site ou une page de votre blog. (ici, vers un site de gif)

Pour ceux qui veulent utiliser des codes pour modifier la bordure, vous aurez la possibilité d'aller modifier les attributs de l'image en passant la section en html:

voici ce que le programme a écrit sur l'image ci-dessus:

<a href="http://corigif.free.fr/gifdebut/gifintro.htm" id="yui_3_5_0_1_1373903240624_49213" target="_blank"><img id="yui_3_5_0_1_1373903240624_48932" src="http://corigif.free.fr/vacances/img/vacances_050.gif" style="width: 130px; height: 78px; border-width: 3px; border-style: solid; margin: 20px; float: right;" /></a>

Vous y retrouvez les attribut de la bordure:

border-width:3px;  largeur de la bordure de 3 px.

border-style:solid; style de la bordure: continue.

Vous pouvez modifier ces valeurs et même ajouter la couleur à cette bordure

Un dernier exemple avec une bordure en relief, de couleur et avec une ombre tout autour.

J'aurais pu, comme indiqué ci-dessus, modifier les paramètres de la bordure par les lignes html mais j'ai fait la modification dans la fenêtre:

clic droit/propriétés/Avancé

illustrée ci-dessous.

Positionnement image insérée.

Il faut tout d'abord convertir cette section texte en section html, par la commande en dessous du cadre car l'insertion d'image n'a pas les mêmes caractéristiques.

Ce qui va nous obliger à utiliser les adresses URL des images et non en allant les chercher dans nos dossiers.

Première image: Icône insérer une image/clic droit dessus pour en déterminer les dimensions, bordure et le positionnement: ici: gauche.

Images suivantes idem.

Clic sur chaque vignette pour l'agrandir.