Discussion :

[kyonana1973]

Bonjour je suis plutôt profane en css, même si je comprends les subtilités.
Je travaille sur une css pour afficher une liste de résultats avec une image associée

Le résultat souhaité est celui-çi avec une image à gauche


Nous avons effectué une montée de version avec une css que j'ai mis à jour

et j'ai mis à jour la css avec le code correspondant ci-dessous pour afficher l'image à gauche et je ne saisis toujours pas pourquoi celle ci reste toujours à droite au lieu d'être à droite

Code :

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

1
2
3
4
5
6
.item-thumbnail, td img {
  max-width: 154 px;
  border: 0;
  float: left;
  margin: 0pt 20px 5px 0pt;
}

pourtant celle ci reste bloqué à droite, je n'ai mis pas la css car trop lourde.
Je vous donne un exemple avec le même outil sous la bonne version et la css liée

par défaut l'image doit rester à droite
exemple :
https://demo.biblibre.com/cgi-bin/ko...eight_search=1

j'ai l'impression que quelque chose bloque la css, serait ce lié au navigateur, ou est ce mon code qui n'est pas juste ou adapté à cette css, merci d'avance.

[mathieu]

sur la page que vous indiquez, les images ont le code "float right". et en changeant cela à "float left", l'image se met bien à gauche.

si vous prévoyez de faire évoluer le site régulièrement, il serait peut être intéressant de revoir la mise en page et d'utiliser le modèle "grid" qui est géré pas la majorité des navigateurs depuis plusieurs années :
https://developer.mozilla.org/fr/doc...SS_Grid_Layout

[kyonana1973]

merci pour ton retour, sur l'opac 20.111200.css, oui c'est bookcover ou tu as le float à right

Je débute en css donc moins de réactivté que certains

[kyonana1973]

J'ai reussi à basculer mon image à gauche comme souhaité et mise en forme comme souhaité
par contre je n'arrive pas à fixer deux élements Ajouter au panier et réserver, ils se balladent dans la page

comme vous pouvez le voir

alors que j'aimerai les aligner comme l'image précemment transmises.
est ce que clear both permet de s'aligner je n'ai pas tout a fait compris son role.

merci d'avance