Page 1 sur 1

Texte encadré

Posté : 20 juin 2007, 04:41
par Benji7790
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 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)
Image
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.

Posté : 20 juin 2007, 11:55
par Aureusms
Utilise les CSS

Posté : 20 juin 2007, 13:48
par Benji7790
Oui mais je n'y connais quasiment rien.

Posté : 20 juin 2007, 15:18
par Garth
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

Posté : 20 juin 2007, 15:45
par Benji7790
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.

Posté : 21 juin 2007, 10:13
par Aureusms
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.

Posté : 21 juin 2007, 10:35
par zeus
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 ;)

Posté : 21 juin 2007, 12:21
par Aureusms
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...

Posté : 21 juin 2007, 12:48
par zeus
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 ;)

Posté : 21 juin 2007, 12:57
par Aureusms
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 ?

Posté : 21 juin 2007, 23:07
par Benji7790
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.

Posté : 27 juin 2007, 16:37
par Benji7790
up

Posté : 27 juin 2007, 16:52
par Ryle
Modération :
Benji7790, les "up" sont interdits sur PHPFrance.

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

Posté : 27 juin 2007, 16:54
par Benji7790
Désolé je ne m'en rappelais plus. Mais quelqu'un peut il m'aider?
Donc, je voudrais que ca fasse comme ca:

ImageImageImage
ImageTexte ..Image
ImageImageImage