deplacer une image

bouger une image vers la droite

Sujet résolu

22 mars 2019 à 14:00:41

bonjour,

je suis a la fin de l exercice numero2 de l activite html5 et je voudrais juste savoir quel propriete est la mieux pour bouger une image vers la droite.j ai essaye float et background image et text align. sa fonctionne pas le reste de l excercice est fini et j aurais juste voulu bouger mon image vers la droite.j envoie une copie du code.

<html>

<head>

<style>

h2,h3,h4

{

color: green;

}

h1,p

{

text-align: center;

}

body

{

background-image: url(https://marieguillaumet.com/wp-content/uploads/2013/12/20131231_watercolour.jpg);

background-repeat: no-repeat;

background-position: center;

}

@font-face {

font-family: 'robotoblack';

src: url('fonts/Roboto-Black-webfont.eot');

src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),

url('fonts/Roboto-Black-webfont.woff2') format('woff2'),

url('fonts/Roboto-Black-webfont.woff') format('woff'),

url('fonts/Roboto-Black-webfont.ttf') format('truetype'),

url('fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');

font-weight: normal;

font-style: normal;

}

{

font-family: 'robotoblack',arial,serif

}

h2,h3,h4

{

border-radius:groove, 50px;

box-shadow: 6px 6px 0px black;

}

{

text-align: top center;

}

</style>

</head>

<body>

<h1>Martin dupont</h1>

<p>en reconvertion professionelle ancien concierge de salle des fetes</p>

noopy360

22 mars 2019 à 14:13:21

Salut à toi il est vivement déconseillé d'inclure le CSS dans le HTML surtout quand on apprend...

Puis toutes les balises de types inline (<a>, <img>, <strong>, etc...) doivent toujours être dans une balise de type block (<div>, <p>, <section>) puis tu pourras modifier l'alignement de ton images en ajoutant un parametre à la balise qui contient ton image

Exemple dans ce petit CODE PEN

-
Edité par noopy360 22 mars 2019 à 14:13:46

https://validator.w3.org/ / https://jigsaw.w3.org/css-validator/ / https://codepen.io/pen

HervéWohmann

22 mars 2019 à 14:29:58

je prefere mettre le css dans mon fichier html c est plus simple pour moi

noopy360

22 mars 2019 à 14:36:33

sinon tu as essayer le reste afin de corriger ton problème si oui et que tu as la réponse à ton problème mais ton sujet en résolu...

https://validator.w3.org/ / https://jigsaw.w3.org/css-validator/ / https://codepen.io/pen

HervéWohmann

22 mars 2019 à 14:39:53

je suis entrain d essayer je suis pas loin de le resoudre

sa fonctionne j avais pas pense a la balise <p>autour de l image merci beaucoup

-
Edité par HervéWohmann 22 mars 2019 à 14:46:02