Déplacer ou bouger une image

~~supprimé~~

13 Apr 2014 à 13:25

Bonjour, mon problème je voudrais déplacer mon image comme je veux.
Voici 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>
   </ul>
   </div>
   
<div class="content">
<img src="logotoucan.jpg" alt="logo">
<h2>Description</h2>
<!--<p>Réalisation d'un logo pour un zoo, 
créer un toucan différent de celui 
avec ses couleurs poser sur une branche.
</div>-->

</body>
</html>

code CSS:

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

}

Modifié par fenneck (28 Apr 2016 - 20:09)

6l20

13 Apr 2014 à 14:40

Bonjour,

À lire, et à relire : Guide de survie du positionnement CSS (+ liens associés).

En passant, puisque tu utilises un Doctype HTML5, autant utiliser les jolis éléments qui vont avec non ?

<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>

Doit pouvoir avantageusement être remplacer par :

<nav>
  <ul>
    <li><a href="">Accueil</a></li>
    <li><a href="">Portfolio</a></li>
    <li><a href="">À propos <!--(le fameux :"<h4>LAMY Romain<br />Graphiste</h4>")--></a></li>
    <li><a href="">Contact</a></li>
  </ul>
</nav>

Au minimum, le titre de niveau 4 (il y a bien trois niveaux supérieurs avant ?) doit être ceint de balises <li> elle ne peut pas être enfant directe de <ul>
Attention à la validité du code, même pour des tests Smiley cligne

Sémantique web et HTML

Déplacer ou bouger une image