Discussion :

[Skooxy]

Bonjour.

Préparez vous à répondre à une question super dûre.

Quelle est la fonction CSS qui permet de laisser le texte en retrait en présence d'un flottant ? :euh:
exemple : http://black-market.fr/?p=musiques

problème en image : http://calimero.webou.net/doc_perso/Capturer.PNG

Question dûre, je vous l'accorde :-°

Merci pour vos futurs réponses

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
   1.
      .imageflottante3
   2.
      {
   3.
      float: left;
   4.
      margin-right: 50px;
   5.
      }

Code :

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
   1.
      <h3>MEDS - 2006</h3>
   2.
 
   3.
                  <img src="images/omwf.jpg" alt="One More with Feeling" class="imageflottante3" />
   4.
 
   5.
 
   6.
            <ol class="num_album">
   7.
               <li>36 Degrees</li>
   8.
               <li>Teenage Angst</li>
   9.
               <li>Nancy Boy</li>
  10.
                <li>Space Monkey</li>
  11.
               <li> Bruise Pristine</li>
  12.
               <li>Pure Morning</li>
  13.
                <li>You Don't Care About Us</li>
  14.
               <li>Without You I'm Nothing (feat. David Bowie)</li>
  15.
               <li>Taste In Men</li>
  16.
                <li>Slave To The Wage</li>
  17.
               <li>Special K</li>
  18.
               <li>Black Eyed</li>
  19.
                <li>The Bitter End</li>
  20.
                  <li>This Picture</li>
  21.
               <li>Special Needs</li>
  22.
                <li> English Summer Rain</li>
  23.
                  <li>Protège Moi</li>
  24.
               <li>I Do</li>
  25.
                <li>Twenty Years</li>
  26.
 
  27.
            </ol>
  28.
 
  29.
            <p class="dessous"><strong>Écouter l'album</strong><br />
  30.
            <strong>Écouter l'instrumental</strong><br />
  31.
            <strong>Date</strong> :<br />
  32.
            <strong>Producteur</strong> :<br />
  33.
            <strong>Label</strong> :</p>
  34.
 
  35.
            <p><strong>Voir les clips</strong><br />
  36.
            <strong>Singles</strong> :<br /><br />
  37.
            <strong>Annontations</strong> :<br />

[Bisûnûrs]

Essaie en mettant un float:left sur ton ol num_album aussi.

[Azharis]

Si tu veux dire que ton texte (liste OL) reste à droite même quand elle n'est plus à côté de l'élément flottant, il faut que tu donnes une marge gauche à ta liste.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
ol.num_album
{
 margin-left : <largeur_image> + <marge_image> px;
}

[Skooxy]

Bisûnûrs > ça marche sauf que les puces disparaissent.

Je vais essayer la solution de Azharis


si j'ai :

.imageflottante3
{
float: left;
margin-right: 50px;
}

et ça

ol.num_album
{
margin-left : <largeur_image> + <marge_image> px;
}


Il ne risque pas d'y avoir confusion ?

EDIT : ça marche à merveille
merci