Aligner ma liste css sur la gauche avec son image.
bonjour
je voudrais aligner un tableau css sur la gauche mais après de multiple tentative rien ne marche.
voici le
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Librairie l'indépendante</title>
<link rel="stylesheet" href="style.css">
<body>
<img src="img/logo.gif" height="84" width="200" alt="Logotype - L'IndÈpendante" title="Logotype - L'IndÈpendante" >
<h1>Librairie <em>L'indépendante</em></h1>
<dl>
<dt><a class="Accueil" href="index.html">Accueil</a></dt>
<dt><a class="Présentation" href="contact.html">Présentation</a></dt>
<dt><a class="Informations pratiques" href="auteur.html">Informations pratiques</a></dt>
<dt><a class="Evénements" href="indice.html">Evénements</a></dt>
<dt><a class="Nos coups de coeur" href="indice.html">Nos coups de coeur</a></dt>
<img src="img/bandeau.jpg" width="960" alt="bandeau" title="L'indépendante">
</dl>
<h2><em>L'indépendante</em> : libre et joyeuse</h2>
<p>La librairie L'indépendante vous accueille tous les jours pour vous offrir le meilleur des livres. Littérature, polars, poésie, philosophie, BD pour <br />tous les âges et toutes les bourses. Venez découvrir notre espace tentaculaires, nos rayonnages multiformes et nos libraires joyeux.</p>
<h3>Prochain évènement</h3>
<strong>Lecture post-mortem de <em>L'Odyssée</em> par Homère</strong><br />
Homère nous fera le plaisir de nous lire l'introduction de son immense poème épique, le dernier vendredi de ce mois.<br />
>> En savoir plus <lien hypertexte vers page ÈvÈnements>
<h4>Lecture du soir</h4>
<p>Cette semaine, votre libraire vous invite à lire un aphorisme de Nietzsche au moment du coucher.<br />
>> En savoir plus <lien hypertexte vers page "Nos coups de coeurs"></p>
<h5>Librairie l'indépendante - 26, allée du Sphinx - 45020 Tournepioche</h5>
</body>
</html> |
voici le
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
| /* reset /
* {
margin:0px
padding:0px
}
/* page */
body {
font-family:arial,verdana,sans-serif;
color:#000000;
margin:50px
}
h1 {
font-family:arial,verdana,sans-serif;
font-size:20px;
color:#aa3322;
}
/*liste */
dl,dt {
background-color:#aa3322;
background-image: url('img/bandeau.jpg') no repeat;
padding-left:0;
font-size:12px;
color:#cccccc;
border-bottom: 1px dashed #cccccc;
}
h2 {
font-family:arial,verdana,sans-serif;
font-size:24px;
color:#000000;
}
h3 {
font-family:arial,verdana,sans-serif;
font-size:24px;
color:#000000;
}
h4 {
font-family:arial,verdana,sans-serif;
font-size:24px;
color:#000000;
}
h5 {
font-family:arial,verdana,sans-serif;
background-color:#aaaaaa;
font-size:14px;
text-align:center;
color:#aa3322;
margin-top:1px solid;
padding: 30px 30px 30px 30px;
} |
je cherche a coller ma liste avec l'image juste en dessous sur la gauche tout en gardant le reste a 50px du bord.