création site web avec HTML et CSS

bonjour, je fais mon site Web pour présenter mon activité.

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? :blush:

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

Un excellent tutorial

Le forum du même site

Fail.

Salut

Le tutoriel du site du zéro est sympa, mais il me semble pas qu'il y ait la réponse à la question de notre ami

Peut-être sur le forum, mais faut trouver...

Ce que j'ai à dire sur le sujet :

C'est bien de vouloir apprendre à créer des sites.

HTML et CSS sont très faciles d'accès, ça va vite à connaître le fonctionnement.

Le souci, comme t'as remarqué, c'est que le CSS est assez chiant ^^ (surtout si tu veux créer ton propre design).

Ce que je te propose, c'est "d'empreinter" des designs tout faits, il existe des sites qui permettent de télécharger directement ces designs.

Je t'empêche pas d'apprendre et de tester ^^ Mais le CSS est pas vraiment pratique...

Il faut prendre le temps quoi ^^

Et puis tu vas avoir d'autres soucis plus tard, parce que tu vas t'apercevoir d'autres inconvénients normalement

Je sais pas mais je trouve au contraire que CSS est très facile à maîtriser. Personnellement je n'ai mis qu'une journée de pratique.

^^'

(Le message précédent date de janvier... )

Oui ça va vite, je suis d'accord.

Seulement si tu veux faire des trucs assez avancés, c'est relativement chiant ^^

C'est vrai, c'est vrai...