Besoin d'aide pour faire un modèle de fiche de présentation [HTML]

[Asaki]

Bonjour ou bonsoir !
Comme le titre l'indique, j'aurais besoin d'aide pour faire une fiche de présentation pour mon forum que je suis en train de construire. =)
J'aurais besoin de vos talents en HTML, les miens étant fortement limités. =)

En fait, j'aimerais avoir un résultat à peu près comme cela (schématiquement) :

Spoiler:

Avec l'image de droite de la même taille que celle de gauche, c'est juste que je n'avais pas de place pour faire le schéma sur Paint. =)

En cherchant un peu, je suis arrivé à faire cela :

Spoiler:

Et je n'arrive pas à faire le reste, à savoir :

La barre avec juste une ligne en bas.
Aligner à droite l'avatar avec la sorte de cadre qui va avec.
Le fait que cela ne débute pas en haut du post.

Et voici le code :

Code:

<blockquote>
<table width="100%"><tbody><tr><th width="80%">•  Identité • <br></th>
</tr>

<tr><td>[list]Nom :

Prénom :

Bla :
[/list]
<br><br></td></div>
<td align="center">


</td>


<table width="100%"><tbody><tr><th width="100%">•  Et vous derrière l'écran • <br></th>
</tr>

<tr><td>[list]Nom :

Prénom :

Bla :
[/list]
<br><br></td></div>
<td align="center">


</td>


</table></blockquote>

Et voici l'adresse de mon forum pour vous rendre compte et avoir les bonnes proportions : http://naoko.forumactif.org/

En espérant ne pas m'être trompé de rubrique et merci d'avance pour votre aide !

Asaki.

[Asaki]

Personne n'a d'idée ?

[Kiirii]

Hum tu pourrais le faire à l'aide du BBCODE ça sera plus simple non?

[Asaki]

Non c'est bien du HTML qu'il me faut, enfin je pense. La première image c'est un résultat schématique, le vrai est au niveau de la seconde image.

[Kiirii]

Oui effectivement pour placer l'image à droite, située en face de la liste, le BBCODE ne marche pas.

Je vais essayer de te faire ça.

[Anzu]

Bonjour,

Il nous manque des éléments pour pouvoir vous aider.

Premièrement, du fait que la fiche ne commence pas en haut du post, c'est à cause du simple fait que vos codes sont trop espacés. Vous devez "rattacher" les codes entre eux et l'espace diminuera.

Pour l'avatar à droite, vous devez rajouter un td après celui ci >

Code:

<blockquote>
<table width="100%"><tbody><tr><th width="80%">•  Identité • <br></th>
</tr><tr><td>[list]Nom :

Prénom :

Bla :
[/list]
<br><br></td><td><img src="lien de l'image"></td></div>
<td align="center">
</td>
<table width="100%"><tbody><tr><th width="100%">•  Et vous derrière l'écran • <br></th>
</tr><tr><td>[list]Nom :

Prénom :

Bla :
[/list]
<br><br></td></div>
<td align="center">
</td></table></blockquote>

Cordialement.

[Asaki]

Merci pour votre aide !
C'est bon j'ai réussi à tout faire, merci encore. =)

Problème résolu.