Bonjour à tous.
Je viens vers vous parce que je maîtrise très mal le CSS et je pense que je dois louper un truc simple mais je tourne depuis trois plombes dessus et je pige toujours pas.
Je voudrais mettre du texte sur al gauche de mon image, donc je mets un float:left et ça marche, mais je comprends pas pourquoi mes images en dessous viennent aussi se coller à gauche de celle d'au-dessus alors que j'ai mis un <br>.
J'ai testé avec des clear et ça ne marche pas.
Voici mon code :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <div id="divGlobalRotation" style=""> <span style=""><img src="http://esport.ozouf.com/PersoRotation/Perso41.png" alt="Malfurion" style="border-width:0px;float:left;" /><span style="">Malfurion<br>Soutien<br>Warcraft<br><br>Dernière sortie le : 17 mai 2016<br>Il est sorti 14 depuis le début des rotations<br></span></span> <span style=""><img src="http://esport.ozouf.com/PersoRotation/Perso30.png" alt="Valla" style="border-width:0px;float:left;" /><span style="">Valla<br>Assassin<br>Diablo<br><br>Dernière sortie le : 17 mai 2016<br>Il est sorti 9 depuis le début des rotations<br></span></span><br /> <span style=""><img src="http://esport.ozouf.com/PersoRotation/Perso35.png" alt="Diablo" style="border-width:0px;float:left;" /><span style="">Diablo<br>Guerrier<br>Diablo<br><br>Dernière sortie le : 03 mai 2016<br>Il est sorti 7 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso18.png" alt="Thrall" style="border-width:0px;float:left;" /><span style="">Thrall<br>Assassin<br>Warcraft<br><br>Dernière sortie le : 26 avr 2016<br>Il est sorti 7 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso39.png" alt="Lt Morales" style="border-width:0px;float:left;" /><span style="">Lt Morales<br>Soutien<br>StarCraft<br><br>Dernière sortie le : 03 mai 2016<br>Il est sorti 6 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso50.png" alt="Xul" style="border-width:0px;float:left;" /><span style="">Xul<br>Spécialiste<br>Diablo<br><br>Dernière sortie le : 10 mai 2016<br>Il est sorti 3 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso33.png" alt="Chen" style="border-width:0px;float:left;" /><span style="">Chen<br>Guerrier<br>Warcraft<br>(débloqué au niveau 5)<br>Dernière sortie le : 26 avr 2016<br>Il est sorti 5 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso36.png" alt="Rexxar" style="border-width:0px;float:left;" /><span style="">Rexxar<br>Guerrier<br>Warcraft<br>(débloqué au niveau 7)<br>Dernière sortie le : 26 avr 2016<br>Il est sorti 5 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso10.png" alt="Zeratul" style="border-width:0px;float:left;" /><span style="">Zeratul<br>Assassin<br>StarCraft<br>(débloqué au niveau 12)<br>Dernière sortie le : 12 avr 2016<br>Il est sorti 4 depuis le début des rotations<br></span></span><br /> <span><img src="http://esport.ozouf.com/PersoRotation/Perso47.png" alt="Sgt Marteau" style="border-width:0px;float:left;" /><span style="">Sgt Marteau<br>Spécialiste<br>StarCraft<br>(débloqué au niveau 15)<br>Dernière sortie le : 17 mai 2016<br>Il est sorti 7 depuis le début des rotations<br></span></span></div>
Pouvez vous m'aider à faire en sorte que les images soient l'une en dessous de l'autre et le texte à gauche de chaque image ?
Je verrais plus tard pour al mise en forme du texte avec le Span qui lui ait attaché.
Et je ne peux pas utiliser autre chose que des Span pour faire cela à cause du framework en amont.
Merci pour votre aide.
Partager