Bonjour,

Je suis entrain de créé un petit site web de livre (référence de livre) mais je suis bloqué.

J'aimerai créé ceci:

J'ai essayé de faire ce que je pouvais mais mon css est terrible et mon html est pire 

J'aimerai aussi utiliser pour les points et les étoile du "font awesome" que j'ai déjà utilisé sur mon site.

<i class="fa fa-circle-o"></i>

<i class="fa fa-star"></i>

Merci 

sans ton code pas évident de t'aider et de te montrer tes erreurs 

Salut,

Ce qu'il faut que tu fasse, c'est faire 3 div, contenant 2 div chacun :

<div class="divLivre">
     <div class="imgLivre">
          // ton image
     </div>
     <div class="detailLivre">
          // tes détail (genre,titre,auteur...)
     <div>
</div>

.divLivre
{
    width: 80%;
    position: relative;
    height: 130px;
}

.imgLivre
{
    left:0;
    position: absolute;
    width: 20%;
}

.detailLivre
{
    right:0;
    position: absolute;
    width: 75%;
}

DevCode a écrit:

Pas obliger les mettre en position absolute, tu met un float left sur tes deux div a l’intérieur de ton container et elles vont s'aligner

Toujours éviter au maximum position: absolute...

Il y a suffisamment de propriétés disponibles.

En plus du float indiqué par DevCode il y a également display:inline-block et display-table/display:table-cell.
Ou bien encore display: flex.