Texte encadré

20 juin 2007, 04:41

Bonjour, je voudrais votre aide car sur mon site, les textes sont affichés directement sur le fond, sans rien, comme le montre l'image

Mais moi, je voudrais que cela la fasse comme sur un forum, genre encadré, c'est a dire comme sur l'image la: (photo montage)

J'ai mis des images car j'ai du mal a exprimer ce que je veux.
Donc je voudrais savoir si il est possible de faire ce que je veux et si oui, comment.
Merci d'avance de vos reponses.

20 juin 2007, 11:55

Utilise les CSS

20 juin 2007, 13:48

Oui mais je n'y connais quasiment rien.

20 juin 2007, 15:18

voici un exenple de code css

Code : Tout sélectionner

.h-titre {
	font-family: Arial, Helvetica, sans-serif;//police utiliser
	font-size: 18px;//taille de la police
	color: #0084BD;//couleur
	text-decoration: none;//souligner /surligner /barrer/clignoter
	font-weight: bolder;// police en gras
}

et pour l'appel en php

<link href="test.css" rel="stylesheet" type="text/css"/>

<br><span class="h-stitre"><b>TOTO</b></span><br><br>

sinon tu trouvera ici pas mal d'explication http://www.aidenet.com/css/index.htm

20 juin 2007, 15:45

Mais enfait je voudrais pas juste que ce soit dans un cadre blanc, je voudrais que ce soit encadré par un image qui ressemble a un explorateur , comme sur la photo, ou le message est encadré par un cadre transparent.

21 juin 2007, 10:13

C'est pas trop compliqué mais il faut comprendre la structure HTML + CSS

tu créé ton texte qui contient article 1 : ...... et tu le mets entre 2 balises <div>. En clair tu créé une division de ta page. Tu dois nommer cette balise avec un "id" ou une "class". Partons sur l'id.

Code : Tout sélectionner

<div id="contenu">
article 1 ... ton texte 

</div>

Ensuite dans ton CSS, je te recommande de mettre la largeur de ta page et deux marges gauches et droite pour pouvoir centrer ta division appelé contenu.
Code à mettre n'importe où dans le body : (attention il y a d'autres possibilité d'inclusion des CSS mais celle ci reste, pour notre exemple, la plus simple)

Code : Tout sélectionner

<style>
#contenu {
margin-left : auto;
margin-right:auto;
width: 80%;
border 1px solid black;
background-color: white;
padding : 2em;
}
</style>

Normalement tu devrais avoir un bloc blanc entouré de fine bordure noire et ayant ton contenu.
Voilà pour l'introduction, si tu veux aller plus loin ou comprendre les termes barbares que j'ai écris : je te recommande quelque bouquins (dont l'excellent "CSS 2" ou tous ouvrages d'Eric MEYER) ou de naviguer sur le net, il y a plein d'exemples concrets.

Au plaisir.

21 juin 2007, 10:35

tu créé ton texte qui contient article 1 : ...... et tu le mets entre 2 balises <div>.

Pourquoi un div ?
si nous parlons d'encadrer un texte, la balise la plus appropriée me semble être <p> (paragraphe)

N'oublions pas que le XHTML, c'est aussi d'utiliser des balises correspondant au contenu, donc, pas de div à outrance

21 juin 2007, 12:21

Coucou Zeus,

J'ai préféré indiqué un <div> car la présentation du dessus me paraissait assez lourde. En effet j'ai noté un titre puis une liste le tout à cinq reprises. Donc mon idée était qu'il fasse :

Code : Tout sélectionner

<div id="contenu">
<p>article 1: blablabla</p>
<li>content1</li>
<li>content2</li>
<li>content3</li>

<p>article 2: blablabla</p>
<li>content1</li>
<li>content2</li>
<li>content3</li>

...
</div>

Cette structure me paraissait plus adéquate avec ce qu'il voulait obtenir. Non ? D'où le div...

21 juin 2007, 12:48

Comme j'ai dans l'idée que le contenu sera saisissable, comme un forum.

Je pense donc qu'il restera à charge du rédacteur de la présentation du contenu

21 juin 2007, 12:57

Tu crois? Cela m'a l'air d'être un règlement... qui ne devrait pas changer beaucoup... Quoi que s'il veut rajouter des mentions cela peut se considérer comme un forum (donc réponse de Normand ...)

Si cela continue, il faudrait peut être déplacer le post dans la partie CSS ?

21 juin 2007, 23:07

Je sais que je m'explique mal mais par exemple, dans mon forum, le texte est entouré par des images qui forment un cadre: hd.gif pour en haut a droit, hg.gif pour en haut a gauche, etc.
Je voudrais pourvoir faire pareil dans mon site. sans pour autant pouvoir rediger le contenu comme dans un forum, ca c'est optionel. voila j'espere m'être mieux expliqué. merci de vous donner autant de mal pour moi.

27 juin 2007, 16:37

27 juin 2007, 16:52

Modération :
Benji7790, les "up" sont interdits sur PHPFrance.

Merci de prendre le temps de lire les règlements.

27 juin 2007, 16:54

Désolé je ne m'en rappelais plus. Mais quelqu'un peut il m'aider?
Donc, je voudrais que ca fasse comme ca:

Texte ..

Texte encadré

Qui est en ligne