# Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 0:04
Votre texte.
- Code:
<div>Votre texte.</div>
Pour rappel : span = ligne / div = bloc
Votre texte
- Code:
<div style="placez ici le css">Votre texte</div>
# Re: Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 0:13
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify;">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div></center>
# Re: Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 0:17
et même pas peur, j'mets un sous-titre!
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://zupimages.net/up/23/23/z2nx.jpg" /> <img src="https://zupimages.net/up/23/23/a1lg.jpg" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span><br /><span style="color: #cc7e08; font-variant: small-caps; font-size: 12px; display: block; margin-right: auto; margin-left: auto; margin-top: -15px ">et même pas peur, j'mets un sous-titre!</span></center>
<center><div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify;">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div></center>
# Re: Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 0:22
et même pas peur, j'mets un sous-titre!
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://zupimages.net/up/23/23/z2nx.jpg" /> <img src="https://zupimages.net/up/23/23/a1lg.jpg" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span><br /><span style="color: #cc7e08; font-variant: small-caps; font-size: 12px; display: block; margin-right: auto; margin-left: auto; margin-top: -15px ">et même pas peur, j'mets un sous-titre!</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
Ajout du code : display: block; margin-right: auto; margin-left: auto; margin-top: -15px dans le div pour remonter le bloc vers le titre (comme on a remonté dans le span le titre vers l'image)
Ajouter les marges auto permet aussi d'enlever la balise center au div
# Re: Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 0:27
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://zupimages.net/up/23/23/z2nx.jpg" /> <img src="https://zupimages.net/up/23/23/a1lg.jpg" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -10px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
# Re: Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 0:45
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://zupimages.net/up/23/23/rb1s.png" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
(Attention, l'image ne se redimensionne pas toute seule. Il faut du 400xp en largeur)
# Re: Etape 2 : Mise en forme de paragraphe le : Jeu 8 Juin 2023 - 1:18
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://zupimages.net/up/23/23/rb1s.png" alt="" style="width: 400px;" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://i.pinimg.com/564x/df/76/be/df76bedfb22db3efee6d88bca2c91ff9.jpg" alt="" style="width: 400px;" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
==> Dans ces deux fiches, l'image est redimensionné automatiquement au niveau de la largueur : 400px. Cependant la hauteur s'adapte et donc change
Donc, pour une image et un bloc plus grand il faut modifier les largeurs : style="width: 400px dans le titre (span) ET dans le bloc (div) div style="width: 400px;
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
- Code:
<center><img src="https://i.pinimg.com/564x/df/76/be/df76bedfb22db3efee6d88bca2c91ff9.jpg" alt="" style="width: 500px;" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 500px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|