Aidez moi à créer ma DIV correctement s'il vous plait !

[SKARO]

Bonsoir,
Je viens vers vous car je bataille depuis plusieurs heures, maintenant pour une DIV ayant un aspect comme sur le screen, le soucis c'est que tout les codes que j'avais étaient mal foutu, j'explique.
Il y avait toujours un soucis au niveau de la box contenant le texte, va savoir pourquoi elle s'adapter au texte, ou dans l'autre cas le texte sortait du bloc..
J'appel à vous afin d'avoir quelques choses de correct, je peux vous exposer si vous le souhaitez mes combinaisons de codes, mais cela ne mènera surement à rien.

Si quelqu'un s'y connais et peut m'aider à créer mon code je serais super HEUREUX!

https://2img.net/image.noelshack.com/fichiers/2018/18/6/1525480491-sssssss.png

A SAVOIR:
TITRE, AFFICHAGE JOUR/MOIS et AFFICHAGE ANNÉE devront être séparés.
Le bloc contenant le contenu texte ne devra pas s'adapter au texte, mais bien le contraire, le texte se pliera au code.

J'espère que quelqu'un pourront me fournir de l'aide, merci à vous.

[Lixyr]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour,

Sur quelle partie du forum se trouve ce code ?

[SKARO]

Bien le bonsoir, c'est après plusieurs heures de travail raté que j'ai supprimé ce code à force d'éditer.
Voici juste un morceau de code, où n'est pas présenter la seconde case ainsi que la troisième. (JOUR ET MOIS + DATE)

Code:

<div class="TimelineTable"><div id="TimeLineCel1">CECI EST UN TITRE ASSEZ LONG</div><div id="TimeLineCel2">ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div></div>

<style>.TimeLineTable {border-radius:10px 10px 0px 0px;background-color:#ccc;height:45px;width:780px} #TimelineCel1 {padding-left:15px;line-height: 45px;}</style>

[Scoubifitz]

Bonsoir,

un petit coup de pouce ?

Code:

<div class="TimeLineTable"><div id="TimeLineTitle"> CECI EST UN TITRE ASSEZ LONG <div id="TimeLineDate">20/02/2018</div>
</div><div id="TimeLineContent">Tempore quo primis auspiciis in mundanum fulgorem surgeret victura dum erunt homines Roma, ut augeretur sublimibus incrementis, foedere pacis aeternae Virtus convenit atque Fortuna plerumque dissidentes, quarum si altera defuisset, ad perfectam non venerat summitatem.

Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant.

Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae.
</div></div>
<style>.TimeLineTable {margin:auto;border:1px solid #ff0000;border-width:1px 1px 20px;background-color:#ffffff;border-radius:10px; width:500px;}#TimeLineTitle {background-color:#ff0000;color:#ffffff;padding-left:15px;line-height:45px;border-radius:10px 10px 0 0;}#TimeLineDate{float:right;color:#ffffff;padding-right:15px;line-height:45px;}#TimeLineContent {padding:8px;text-align:justify;height:200px;overflow:auto;}</style>


[SKARO]

C'est super, merci beaucoup!
Je vais enfin pouvoir reprendre mon activité grâce à ça !merci !