28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je cherche en vain à faire ceci :

upload/31955-exemple.gif

Avec les <table...> à l'ancienne, pas de problème (mais je ne veux pas passer par là), par contre avec mise en forme CSS, je galère un peu...
J'ai créé 2 blocks avec <div>, celui de gauche contenant l'image, et celui de droite contenant le reste. La méthode est-elle bonne ?

Mon souci est que je n'arrive pas à aligner le texte qui est sous forme <span>texte cour 1<br>Blabla cour...</span> avec la petite image orange correspondante.

Le blabla cour se retrouve toujours sous l'image orange.

Comment faire svp

--------------------
Merci d'avance pour votre aide.
Bonsoir,

Il y avait une article sur Alsacreations évoquant "trop DIV tue DIV" mais je ne retrouve plus le lien en question.

Bref, tu peux très bien garder ta méthode div float pour séparer entre (grand image à gauche) et (liste petit image à droite) et ensuite coupler avec un petit tableau comprenant 2 colonne (et 2 ligne seulement sur la 2ème colonne à droite).

Non ?
Désolé de reposter parce qu'il n'y a pas de bouton "éditer".

Voici l'aperçu, je l'ai fait très rapidement sans prendre le soin de soigner la présentation.

Est-ce que le résultat recherché ?
Salut à toi !
Si si, je peux bien passer par un tableau, c'est juste que je veux les utiliser le moins possible.

En effet, ça correspond pile poil à ce que je recherche.

Merci à toi Smiley cligne et à bientôt !
Salut,

{F-I} a écrit :
Désolé de reposter parce qu'il n'y a pas de bouton "éditer".
Parce que pour le voir il faut (bien sûr) être connecté. Smiley cligne