Code fiche

[Cramby']

Bonjour, bonsoir !

Je croyais avoir déjà poster le sujet mais apparemment non, si c'est le cas désoler :s

Je voudrait créer une fiche essentiel pour mon forum RPG. Voila le résultat souhaiter :


Ce que je voudrais savoir, c'est comment mettre une image de fond à cette fiche et comment faire trois colonnes ?

Merci d'avance !

[Brodette]

Bonsoir,

J'ai trouvé un p'tit tuto sur Never Utopia qui pourrait te servir. Mais pour voir, il faut être inscrit.
Rien de bien compliqué.

[Cramby']

Merci de votre réponse ! =)
Malheureusement je ne suis pas inscrite :/ Pouvez vous me donner le lien quand même ? :3

[Cramby']

Bonjour !

Désoler du double post mais j'ai réussi ! Par contre j'ai un petit soucis :/
Voila donc le résultat :

Ce que je voudrait, c'est que les 3 colonnes restent à la même hauteur. Comme on peut le voir sur le screen, les 3 colonnes ne le sont pas :/

Code:

<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>

<center><DIV STYLE="width: 800px; background-image: url(http://i72.servimg.com/u/f72/14/07/30/96/fond_f10.jpg); overflow: hidden; font-family: Archivo Narrow; font-size: 15px; color: #535353">

<div style="font-family:Julius sans one; font-size: 50px; color: #EDD67F;"><center>Dirty Little Secrets </center></div>
<table><center> <td><div class="cadreaa";>  colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne </div></td><td>

<div class="cadreab";><center>colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2</center></div></td> <td>

<div class="cadreac";> <center>colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne </center></div> </td> </center></table>
Code by Mady'
</DIV></center>

[Brodette]

Hey, désolée pour le lien je croyais l'avoir mis.

J'ai modifié ton code (un problème de saut de ligne) et voila ! Tout est à la même auteur. Du coup je me suis permis d'enlever le crédit en bas de page (code by 'Madiv).

Normalement tout marche. J'ai aussi enlever des "2colonne" car il y en avait trop et je n'arrivait rien à voir.

Code:

<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>

<center><DIV STYLE="width: 800px; background-image: url(http://i72.servimg.com/u/f72/14/07/30/96/fond_f10.jpg); overflow: hidden; font-family: Archivo Narrow; font-size: 15px; color: #535353">

<div style="font-family:Julius sans one; font-size: 50px; color: #EDD67F;">
<center>Dirty Little Secrets </center></div>

<table><center> <td>

<div class="cadreaa";width: 200px;>2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2 </div></td><td>

<div class="cadreab";width: 200px;><center>2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2</center></div></td> <td>

<div class="cadreac";width: 200px;> <center>2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne </center></div> </td> </center></table>

</DIV></center>


En espérant t'avoir aidé BYE

[Cramby']

Merci beaucoup, ça fonctionne ! ♥