Soucis code css fiche pv

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Soucis code css fiche pv

Message par steph846 le Sam 30 Mar 2013 - 17:29

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 Embarassed

Amicalement.


Dernière édition par steph846 le Ven 5 Avr 2013 - 15:46, édité 1 fois

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code css fiche pv

Message par steph846 le Mar 2 Avr 2013 - 19:16

Bonjourrrrr ^^

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

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code css fiche pv

Message par Ea le Jeu 4 Avr 2013 - 20:05

Bonjour,


Où en est votre problème ?

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code css fiche pv

Message par steph846 le Jeu 4 Avr 2013 - 23:13

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 Sad

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code css fiche pv

Message par Ea le Jeu 4 Avr 2013 - 23:48

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à : http://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à : http://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.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code css fiche pv

Message par steph846 le Ven 5 Avr 2013 - 7:59

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
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code css fiche pv

Message par steph846 le Ven 5 Avr 2013 - 15:46

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 **

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum