bonjour
je voudrais aligner un tableau css sur la gauche mais après de multiple tentative rien ne marche.
voici le
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
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 CSS : Sélectionner tout - Visualiser dans une fenêtre à part
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.
Partager