Soucis code css fiche pv

[steph846]

Bonjour et tout d'abord merci à ceux, celui ou celle qui se penchera sur mon problème.

Je suis fondatrice du forum Aspen Creek: The wild wide, et je travaille actuellement sur la nouvelle version du forum sur mon forum test: http://wildwidetest.forumgratuit.org/

Mon forum est en PPhB2, template, css, et javascript en folie ^^".

Pour ce qui est de mon problème, il vient de ma fiche pvs. A force de créer des liens à rallonge j'ai du changer la forme de l'infobulle pour y inclure une scrollbar. J'en est profiter pour tenter de faire une table simple, de trois colonnes, la colonne du milieu étant celle de l'histoire du pv, et les 4 images autours, donnant au passage de la sourie, descriptif sur les liens du pvs.

En image: Ce que j'obtiens:


Ce que j'aimerai obtenir soit: (je préfèrerais si c'est possible)


Soit:


L'effet scrollbar qui met indispensable: (hors les soucis évident sur l'image + règlage :s)


Alors je ne sais pas trop ce dont vous pourriez avoir besoin, dans le doute je vous mets en cache l'intégralité du code html du pv:


Ainsi que le code CSS qui a tout fait buguer :p


Ce qui risque de vous sembler bizarre : le fait qu'il y ait deux types d'infobulles dans le lien donné. Evidemment je vais supprimer la première (celle sans la scrollbar), j'ai d'ailleurs essayé de le faire en pensant que le soucis pouvait peut-être venir de là, mais ça n'a rien changé :s.

Toutes les infos contenues dans ce pv sont sauvegardé alors si vous devez couper au travers, n'hésitez pas ^^.

Heuuuuuuu je crois que c'est tout ^^". J'espère que cela vous donnera moins de fil à retordre que moi ^^". Encore merci à ceux qui me liront et qui tenteront de m'aider

Amicalement.

[steph846]

Bonjourrrrr ^^

J'ai toujours besoin d'aide à ce sujet ^^

[Ea]

Bonjour,


Où en est votre problème ?

Cordialement.

[steph846]

Bonjour et merci de m'avoir lu :s.

Mon problème est malheureusement toujours d'actualité ^^". J'en suis même venue à me dire que je pourrais tenter autre chose mais je doute que mon idée soit réalisable :s.

Brefffff problème toujours d'actu vi

[Ea]

Vous pourriez utiliser ça : http://www.maonyn.com/h24- pour corriger le code html.

Le but n'est pas de le tabifier ( chaque retour à la ligne est remplacé par un <br> dans un message posté ), mais de voir en quoi la structure n'est pas bonne ( et que faire pour la corriger ).

Le script essaye de tabifier à partir du début, et à la première erreur il s'arrête ( et il faut alors remonter dans le code au dessus et corriger le problème ).

Pour le résultat là : https://i.imgur.com/q9DJrxN.jpg j'imagine qu'il faudrait un tableau d'une ligne, 4 cases.

Puis en dessous un tableau d'une case ( ou un <div> ) qui prend toute la longueur.


Pour le résultat là : https://i.imgur.com/Ub3puzK.jpg j'imagine qu'il faudrait un tableau de 2 lignes 3 colonnes du style :

Code:

<table><tr><td>image 1</td><td rowspan="2">texte</td><td>image 2</td></tr><tr><td>image 3</td><td>image 4</td></tr>

le rowspan permet d'indiquer que la case s'étend ( span en anglais ) sur 2 lignes ( row en anglais ), donc qu'elle fait 2 lignes de hauteur.

Cordialement.

[steph846]

Ohhhhh merci de ton aide ** Je suis au travail toute la journée, je ne pourrais donc pas toucher ce code, mais demain matin au plus tard je tente et vous dis ce qu'il en est merciii ^^

[steph846]

Double-post et je m'en excuse mais j'ai bien réussi et je vous en remercie **

Excellente fin de journée à vous et bon week-end **