28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Après plusieurs recherches infructueuses, je me décide enfin à poster ce message en ayant peur qu'il ait déjà été évoqué ici. Si tel est le cas jem'en excuse par avance.

J'essaie depuis ce matin d'aligner un div en bas a droite d'un autre div conteneur, en essayant que le texte entoure le div du bas... Un petit schéma vaut mieux que de longues explications, voici donc ce que j'ai actuellement :
upload/14012-NL-Origine.jpg

Etant complètement novice en CSS, le rendu que vous avez là est simplement fait avec un align="right" dans le tag <img... />.

Voici en fait ce que j'essaie d'avoir :
upload/14012-NL-But.jpg

Avec les contraintes suivantes :
* Le div en bordure rouge est de taille variable (nous sommes dans une newsletter générée dynamiquement, nous ne contrôlons pas la hauteur)
* Le div en bordure bleue est de taille fixe (260x260 px)
* Le code ne doit contenir que du HTML + CSS... Le javascript est interdit (j'ai un ami qui me disait de positionner le div bleu a l'aide de JS pour obtenir la taille du div rouge et jouer avec les margin)

Merci donc de m'éclairer de vos lumières car là, je m'enfonce dans un trou noir Smiley decu

Cordialement,

Zokar
Salut, sans trop me pencher sur ton probleme, je crois pas ce ce soit possible etant donné que ta div en bordure rouge est de taille variable.
Le plus simple est d'inserer ton image en float:right juste avant le paragraphe qui commence par "Vitamie K linked to fewer...".

Fait attention pour les mailings, outlook 7 utilise maintenant word pour afficher les mails .. du coup la façon la plus effciasse de monter un mailling est d'utiliser des tableaux je pense.
Bonjour et merci pour cette réponse qui me conforte un peu dans mes pensées (le fait que ce ne soit pas franchement réalisable)

Tout le reste du document est effectivement en tableaux, et je pensais que seul le CSS pouvait peut-être m'aider a placer cette bannière en bas a droite du div rouge...

Bon, ben projet abandonné... Elle restera en haut Smiley lol

Merci encore pour cette réponse

Cordialement,

Zokar