Déplacer une image

Fermé
Utilisateur anonyme - 13 avril 2014 à 13:16
 RobertZeker - 13 avril 2014 à 14:52
Bonjour, mon problème l'image est coller à gauche d ela page est je le voudrais le déplacer comme je le veux.

Voici le code HTML:


<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" charset="utf-8" />

<link href="styles.css" rel="stylesheet" type="text/css" />

</head>

<body>
<header>

<div id="menu">
<ul>

<li><a href="">Contact</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Accueil</a></li>
<h4>LAMY Romain<br />
Graphiste</h4>
</ul>
</div>

<div class="content">
<img src="logotoucan.jpg" alt="logo">
<h2>Description</h2>

</body>
</html>

code CSS:

.content img{
margin: 3px;
width: 250px;
height:150px;

}
A voir également:

1 réponse

Salut,

Et où voulez vous la placer cette image? On doit deviner?
Pour moi déplacer une image c'est faire une animation qui va la faire 'se' déplacer.

Déjà vous pouvez corriger vos erreurs:
HTML
Si vous ouvrez une balise :
<div class="content">
vous devez la fermer:
</div>

Pourquoi
.content img ?
Votre style CSS doit s'appliquer soit à la class content(.content ou div.content) soit à toutes les images(img).
Sans savoir où vous voulez placer votre image pas possible de dire grand chose sauf que vous devez suivre l'ordre logique des balises (flux) qui se lisent dans l'ordre de gauche à droite du haut vers le bas en tenant compte des imbrications.


Ceci devrait vous renseigner sur comment faire votre mise en page:
www.google.fr/search?q=positionner+css

edit: votre balise header non plus n'est pas refermée. Seule les balises simples(notation raccourcies comme la balise <img />, <br/>, <hr /> etc...) peuvent se passer de balise fermante.

Notez aussi que si vous utilisez le balises de titres celles ci doivent être indiquées dans l'ordre d'importance des titres:
<h1> pour le titre principal, <h2> pour un titre secondaire, <h3> pour le titre tertiaire etc...

Donc en indiquant h4 et h2 sans avoir de h1 vous êtes dans l'erreur.
En utilisant h2 pour Description cela indique que ce titre est plus important que votre nom ce qui est pas logique si le but est de vous présenter.

Pour les tailles du texte dans les balises de titre vous pouvez utilise le CSS avec font-size, font-weigth...etc

N'oubliez pas c'est CSS qui permet de faire la mise en page, HTML est là pour la structure et les indications sémantique(si respecté permet un référencement efficace, un des buts de toute communication).
0