[FAQ] Personnaliser sa description

[Rium]

Voici UN modèle de fiche simplifié de base pour ceux qui débutent et connaissent rien en HTML. en voici le code à coller dans votre prez, à compléter par vos informations de PJ. ça sera toujours plus plaisant que le "rien" du début.

Merci, très bonne initiative

Je me permets de mettre une version corrigée de ton code afin qu'il soit allégé, avec des balises plus correctes, et dont le rendu est exactement le même

Code : Tout sélectionner

<div style="text-align:center; background-color: none;border-radius: 0px; width:600px;font-size: 15px; font-family: arial;color: #ffffff;padding:0px; padding-left:15px; padding-right:15px; border-left: 12px solid #00aa00; border-right: 12px solid #00aa00;padding-bottom: 0px; white-space:normal">       
  %image%
  <div style="font-size:18px; color: #ffffff; padding-bottom:10px; line-height:18px">race</div>
  <div style="font-size:28px; color:#fffe58; font-weight:bold; line-height:28px">Nom du Perso</div>
  <p style="text-align:justify; padding-bottom:20px">Description..... Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia. Tum est Cato locutus, quo erat nemo fere senior temporibus illis, nemo prudentior; nunc Laelius et sapiens (si cenim est habitus) et amicitiae gloria excellens de amicitia loquetur. Tu velim a me animum parumper avertas, Laelium loqui ipsum putes. C. Fannius et Q. Mucius ad socerum veniunt post mortem Africani; ab his sermo oritur, respondet Laelius, cuius tota disputatio est de amicitia, quam legens te ipse cognosces. Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant.</p>
</div>

[Sssis' Ssong Zouh]

Ouah ! merci Rium ! super. je fais encore des erreurs c'est sûr. je vais potasser ça !

[Islone]

Du coup merci Sssis, grâce à ton astuce on obtient une présentation déjà bien plus propre.

[Carlorine]

Bonjour

ba je suis très béotienne en la matière et j'essaie de faire quelque chose de jolie en présentation, ce qui ressemble plutôt pour l'instant à un powerpoint de collégien de fait.
même en m'assistant des cours proposés sur le forum pour s'améliorer en html, il y a des formules qui ne semblent pas correspondre, de fait je veux mettre une image en background plutôt qu'un fond bleu sous acide, mais la formule proposé pour y parvenir échoue immanquablement quelque soit mes tentatives et les différentes solutions dont j'use.
Quelqu'un pourrait il donc m'assister pour que je fasse la présentation rêvée ? ^w^

[Rium]

Carlorine > envoie moi un email en m'expliquant ce que tu essaies de faire, et je t'aiderai.

[Eymindalë Lomorwenn]

Bonjour... Ou bonsoir

Dans ma description, je souhaite mettre l'image à gauche, le texte à droite, les deux étant alignés. Mais je n'y parviens pas (je ne trouve pas quel code HTML5 utiliser).

A l'aide, svp

[Jala]

En attendant qu'un pro te réponde peut-être plus précisément, je te propose de tester ça :

Code : Tout sélectionner

<TABLE BORDER=0> 
<TD> <img src="urlimage"> </TD> 
<TD> <P align=left><font color=#000000>Texte</font></P></TD></TABLE>

[Eymindalë Lomorwenn]

Merci Jala.
Ta description est au top, d'ailleurs !

[Zekler]

Table marche bien, sinon tu peux utiliser les inline-block. J'ai un truc comme ça dans ma description pour mettre l'image à gauche :


<div style="position:relative;display:inline-block;float:left;">
<i>Description de l'image en italique</i>
%Image%
</div>

Float:left pour qu'il aille à gauche
Inline block pour qu'on puisse aligner plusieurs blocs sur la même ligne.

Les deux solutions peuvent marcher.

[Jala]

Merci Jala.
Ta description est au top, d'ailleurs !

De rien et merci à toi. J'avoue je fais l'image sur photofiltre ou photoshop, ça me permet de me battre le moins possible avec les codes (un côté un peu flemmarde du html même s'il y en a tout de même sur ma fiche).
Par contre pour que ton fond soit plus harmonieux, tu peux supprimer le

Code : Tout sélectionner

background-repeat: repeat

, ton image devrait être assez grande pour toute la fenêtre.