Retrait

[clandieu]

Bonjour,

Je voudrais savoir s'il est possible de mettre un ligne en retrait ?
(cad avoir de 1 à n espaces avant le début du texte)

J'ai recherché avec le mot retrait, pas de topic à ce sujet...

[ProgVal]

Il va falloir modifier le CSS.

Je regarde tout de suite.

[clandieu]

merci pour la rapidité !!!

Ce que je voudrais, c'est que chacun puisse le faire, selon son désir.

[ProgVal]

voilà! Dans la classe .content, tu dois ajouter:

Code:

text-indent: XXpx ;

ou

Code:

text-indent: XX% ;

Par contre, celà ne marchera que au début du message, car les messages ne sont pas automatiquement structurés en paragraphes, il faudrait demander au membre de mettre une balise au début et à la fin de chaque paragrpahe, mais ils n\'ont pas que ça à faire

[clandieu]

mais ils n\'ont pas que ça à faire c'est sûr !

Merci... mais voilà :

[text-indent: XXpx]J'essaie[/text-indent]

Est ce qu'il faut d'abord le mettre dans le css ? et alors, sera-ce automatique pour tous les posts ? ou sur demande ?

le plus cool, ce serait de le trouver dans "autres", et là, du coup, ça devrait passer dans "suggestions" ?

[ProgVal]

lol, ça ne marche pas comme ça.

Soit tu mets ce que je t'ai donné dans le CSS comme je l'ai dit, soit, pour le mettre dans les messages, tu écris ceci:

Code:

<div style="text-indent: XXpx ;">blabla</div>

ou

Code:

<div style="text-indent: XX% ;">blabla</div>

EDIT: lol, j'ai mis un anti-slash avant l'apostrophe dans mon autre message. Les habitudes du

EDIT2: oui, ce sera dans tous les messages.

[clandieu]

<div style="text-indent: XXpx ;"> je dois vraiment mal me débrouiller... comme tu vois </div>
Je ne connais tien à ces choses, dois jeintroduire un chiffre qq part ?

reste : mais serait-ce possible d'envisager de le mettre comme fonction dans "autres" ?

[ProgVal]

il faut remplacer XX par une valeur numérique!

Et cela ne marche pas ici car le HTML est désactivé.

[clandieu]

ok, j'avais essayé la valeur numérique, je vais voir sur mon forum....


Merci beaucoup !

[clandieu]

ben je l'ai fait, ça avait l'air bon,
puis ça a décalé toute la colonne des avatars !

alors, je l'ai de nouveau enlevé...

[ProgVal]

Tu peux faire une capture d'écran de ce que ça donne?

[clandieu]

voilà :
j'ai vérifié, ça ne le fait pas ailleurs... ouf !


la prévisualisation

le résultat !

[ProgVal]

Dans ce cas, ce n'est plus de mon ressort, c'est trop compliqué pour moi...

[clandieu]

qui ?

et en tout cas, merci beaucoup, Progval !

[ProgVal]

Hé! Je sais! Il faut les fermer les balises! Comme ceci:

Code:

<div style="text-indent: XXpx ;">blabla</div>

[clandieu]

(précision : j'ai essayé en fermant le dernier div, ce que j'avais oublié!!!, et là le pb persistait)

à chaque ligne ?
c'est ça, c'est tout bon !

encore merci,

[ProgVal]

Si tu veux le mettre pour une seule ligne, remplace div par span, c'est plus correct au niveau du code.

[clandieu]

Ouf, heureusement que je n'avais pas encore supprimé le sujet, je l'avais mis dans "news", qui est réservé aux admins sur le forum où je suis.

° Avec span partout : le texte n'est pas en retrait.

° Avec span seulement derrière, le texte est en retrait, mais ça a refait le coup de la colonne déplacée...

Comme ce n'est pas quelque chose que j'utiliserais souvent (mais parfois, ça m'a manqué), je vais en rester au tout div...

tanks...

Au fait, est ce qu'il existe qq chose pour mettre un gros point (ou une belle flèche, pas =>) au début d'une ligne ? Le point comme dans les listes... mais sans les autres effets liste (retrait, espaces énormes entre les lignes).
Je suppose que je pourrais créer une image, mais il y a peut être une solution prévue...

[ProgVal]

Tu mets ça à un endroit de la page (ou même dans le CSS)

Code:

<style>
.addchar:before
{
  content: "X";
}
</style>

X est le caractère que tu veux insérer. Si tu changes ce caractère, il changera pour toute la page.

Et ensuite, tu écris, à chaque fois que tu le veux:

Code:

<div classe="addchar">Blabla</div>

[clandieu]

et la flèche ou le gros point, je les cherche dans Word ?

bon, dsl, mais je suis vraiment une débutante,
et le css, pour l'instant, trop peur d'y toucher, je suis seulement admin, et le fondateur, il a actuellement du pain sur la planche ailleurs...

[ProgVal]

Tu peux mettre des images si tu veux, en mettant à la place de X: [code]<img src="URL DE L'IMAGE" />

[clandieu]

Ça marche pas avec "X" ! ni avec une image...
est ce qu'il faut remettre le "X" dans le code de début de ligne ? j'ai essayé aussi.. rien. Peut-être une histoire d'espace ? J'ai aussi essayé sans ""... idem, no result.

enfin, au moins ce n'est pas visible !

[ProgVal]

Mmmh... Effectivement.

Es-tu essayé de mettre

Code:

<style>
.addchar:before
{
  content: "X";
}
</style>

Dans le CSS plutôt que dans le message?

[clandieu]

non, je l'ai déjà dit, pour l'instant, le css je préfère ne pas y toucher, ce n'est pas mon forum, je suis juste admin...

Pas grave, je me débrouillerais avec des images ! et copié collé, c'est vite fait !

Merci pour tout, je trouve que c'est super ce que toi et les autres aides faites sur ce forum !