j'utilise un tutoriel, mais là je bug
.voilà mon problème:
j'ai 3 paragraphes présenté par 3 titres, et de taille différente,
j'aimerai un cadre sur 2 cotés (gauche et bas), une photo à l'intérieur qui fasse la grandeur du cadre, et mon texte cadré à l'intérieur pour ces 3 cadres.
et que mon titre s'ajuste lui aussi avec le texte mais pas dans la bordure.
mon problème est que je passe des heures a trouver les bonne dimension (je l'ai écrit en Px)de chacun de ces éléments pour qu'il s'emboite joliment.
Et je dois faire ça pour mes 3 block?
existe t'il une balise ou élément pour me faciliter le travail.
ecriture HTML
<div class="groove1"><h2>La Grisette</h2>
<p class="groove2 background">
De tout temps, l'homme a eu besoin d'un recevant pour transporter et déposer ses trouvailles.
Du creux de la main à un tressage technique de végétaux, il n'y a qu'un pas.<br/>
Cueillir de grandes feuilles et les croiser pour qu'elles se maintiennent les unes aux autres; Faire des cordons avec de longues tiges souples et les lier en formant une spirale, et donner du volume à cette corbeille; Ou entrelasser de jeunes branches d'arbres entre elles, sont les principaux résultats de son travail.<br/>
L'homme a créé ces techniques, il a inventé <strong>LA VANNERIE</strong>, et <strong>LA NATURE</strong> donné à l'homme la matière première pour fabriquer des objets solides, légers, utiles, et esthetiques.<br/>
On m'appelle <span class="nom">la grisette</span>, c'est une variété d'osier.<br/>
Je vis dans les montagnes du <strong><acronym title="fin des monts du Jura ,l'Ain">BUGEY</acronym></strong>. Je suis vannière. La matière première que j'utilise sont les jeunes pousse s de l'année du saule, appelé une fois coupé du son corp <strong>OSIER</strong>.
</p></div>
<div class="groove1"><h2>Les outils de la Vannière</h2>
<p class="groove3"> Les outils que j'utilise sont peu nombreux.<br/>
Serpette, sécateur, batte (marteau du vannier), poinçon, sellette (planche de bois inclinée sur laquelle repose le travail), et notre outil personnel,<strong> LES MAINS</strong>.</p></div>
ecriture CSS
p{
color:rgb(1,69,29);
font-size:13px;
font-family:"comic sans ms",tahoma,arial,serif;
text-align:justify;
text-indent:30px;
width:500px;/*tout les paragraphe font 70%*/
height:300px;/*largeur*/
overflow:auto;/*mise en place du block selon l'ordi*/
}
div.groove1{
width:500px;
height:350px;
padding:12px;
margin:auto;
}
p.groove2{
width:500px;
height:300px;
border-bottom:3px groove rgb(51,102,0);
border-left:3px groove rgb(51,102,0);
padding:12px;
margin:auto;
background-image: url("im1.jpg");
background-repeat:no-repeat;
background-position:bottom left right;
}
p.groove3{
width:500px;
height:150px;
border-bottom:3px groove rgb(51,102,0);
border-left:3px groove rgb(51,102,0);
padding:12px;
margin:auto;
background-image: url("im1.jpg");
background-repeat:no-repeat;
background-position:bottom left right;
}
quelqu'un veut bien m'aider?
merci
