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

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.
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.
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