[ASTUCE]Description image personnalisée en pleine largeur

[S.]

Bonjour à tous,

Voici une petite astuce pour ceux qui ont coché la case x j'utilise ma propre image ! dans leur description.

La description des PJs, pour ceux qui utilisent des tableaux HTML afin de la mettre en forme, ne prend pas l'intégralité de la largeur de la page.

La raison est que cela fait un tableau dans un tableau.

Je passe les détails, mais l'astuce pour avoir une description avec tableau HTML qui utilise la pleine largeur de l'écran, est de fermer le premier tableau juste avant de coder le deuxième tableau HTML, donc de mettre ceci avant le code de sa description et le texte de la description (et on ferme la balise <pre> tant qu'on y est):

Code : Tout sélectionner

</pre></td></tr></table>

Donc ceci tout en haut de la description (mais uniquement pour ceux qui utilisent de tableaux HTML, pas les autres).

Bon jeu!

[Elaovia]

Pour ceux qui préfèrent utiliser du CSS plutôt que du HTML dépassé ^^, écrivez ceci :

Commentaire:
- les phrases entouré de "/*" et "*/" sont des commentaires, vous pouvez les laisser si vous voulez

<style type="text/css">

body
{
background-image: url("url de l'hébergeur renvoyant l'image");

background-attachment: fixed;
/*

• fixed : l'image reste fixe quand on descend plus bas sur la page
  scroll : le fond défile avec le texte (par défaut)

*/

background-position: center center;
/*
background-position c'est tout simplement la position de l'image sur la page!

1ere valeur verticale :

• top : en haut, verticalement
  center : au milieu, verticalement
  bottom : en bas, verticalement

2 eme valeur horizontale:

• left : à gauche, horizontalement
  center : au centre, horizontalement
  right : à droite, horizontalement

*/
}

</style>

[Aries]

J'ai essayé ca marche trop bien. J'ai simplement copié/collé et j'ai pas enlevé les commentaires pour pas m'embêter et j'ai une description très chouette avec du css alors que j'y connais rien.
Merci Elaovia!