Mapping (PA) problème de tableau. Bouton_activeMapping (PA) problème de tableau. Bouton_hoverMapping (PA) problème de tableau. Fb-hoverMapping (PA) problème de tableau. Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Mapping (PA) problème de tableau. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Mapping (PA) problème de tableau. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mapping (PA) problème de tableau. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mapping (PA) problème de tableau. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mapping (PA) problème de tableau. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mapping (PA) problème de tableau. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mapping (PA) problème de tableau. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mapping (PA) problème de tableau. EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Mapping (PA) problème de tableau.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Mapping (PA) problème de tableau. Empty
Bonjour bonsoir.

J'ai essayé de suivre le tutoriel de Jill sur le mapping de la page d'acceuil.

Le problème c'est que j'ai bo essayer de rentrer du texte sur l'image (dans le code), je n'y arrive pas. Je suis un peu bloqué en fait. =/

Pour l'instant tout est prêt l'image :

http://saphirath.forumactif.com/

Et le code :

Spoiler:

J'aimerais inscrire dans le carré histoire ceci :

Code:
Depuis toujours, Athéna, Hadès et Poséidon se livraient fréquemment bataille. Ils étaient pratiquement les seuls dieux à se combattre.
Un jour, les choses commencèrent à évoluer, lorsqu'Éris taquina Arès en lui disant que la seule véritable déesse de la guerre était Athéna, et qu'il ne représentait qu'un soldat auxiliaire. Cette petite taquinerie n'était pas sensée provoquer la suite des événements, malheureusement elle les provoqua quand même.
<br>
Arès qui ne supportait plus d'être considéré comme le deuxième dieu de la guerre décida de changer les choses en prouvant qu'il pouvait vaincre Athéna.
Il voulut la vaincre en combat singulier et la première chose qu'il fît fût celle de se diriger vers le sanctuaire de cette déesse. C'était parfaitement équitable: un combat de dieu contre dieu, tout simplement...
<br><br>
<a href="http://goldoseinto.forumactif.org/regles-f1/histoire-du-forum-t120.htm">Lire la suite</a>

et dans le carré recherche :

Code:
<span><marquee behavior="scroll" direction="up" scrollamount="2" height="150"><br><font style="font-family: Poseidon AOE;" size="3"><div align="center"><div align="left">

<img src="http://i69.servimg.com/u/f69/13/89/14/12/recher12.jpg" border="0" alt="" />
<br>
Dionysos
<br>
<br>
<img src="http://i69.servimg.com/u/f69/13/89/14/12/recher14.jpg" border="0" alt="" />
<br>
Héphaïstos
<br>
<br><div style="font-weight: bold;"></div>
</marquee></span></div></font></div></span>

Si quelqu'un peut m'aider =< Je suis tout ouie. =/ Franchement je ne sais plus trop quoi faire et je suis sûr que c'est une histoire de tableau. (enfin détrompez moi si je me trompe). Mais je j'y comprends pas grand chose dans les tableaux. =////


Merci de m'avoir lu jusque là. ^^


Dernière édition par Gintoki le Dim 14 Nov 2010, 19:47, édité 1 fois
MessageSujet: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyDim 17 Oct 2010, 16:57
Revenir en haut Aller en bas
http://loups-garous.bb-fr.com/
Jill
Jill
{ Membre }
{ Membre }

Féminin Messages : 102



Mapping (PA) problème de tableau. Empty
Bonsoir à toi Wink

Tout d'abord, j'aimerais te prévenir que j'étais déja sur ta demande dans mon tuto, et que même si je ne réponds pas, cela ne veux pas dire que je ne fais rien. Il aurait fallu avoir un peu de patience, surtout qu'il y avait d'autres membres devant toi qui avaient eux aussi demandé de l'aide; et que je règle les demandes dans l'ordre par lequel elles sont arrivées (sauf exception). Aussi, ne serais-ce que par politesse, tu aurais pu attendre un minimum, puisque je suis loin d'être une machine Wink (un minimum étant une semaine, vu la longueur de chaque page d'accueil)

Ensuite, je trouve cela plus simple de régler ton problème dans le tuto, puisque j'estime que si tu ne comprends pas quelque chose, alors d'autres membres peuvent aussi se poser la question, et qu'il est plus simple pour celui qui cherche une réponse de lire les réponses plutôt que de chercher dans les anciennes demandes de code. Enfin, bref, je ne vais pas m'étaler dessus, je pense que tu as compris mon point de vue.

Pour ce qui est de la suite, le plus simple pour moi aurait été d'avoir la vue de l'image avec ses tranches. J'ai dû tatonner pour retrouver les tranches sur lesquelles tu voulais ton texte, et c'était plutôt coton, dans la mesure où il te manque une image je pense scratch Je te laisserais la retrouver.

Ensuite, il n'est pas question de tableau mais de "remplacer" tes tranches par du texte et de leur rajouter une class; ainsi dans le css, tu rajoutes l'url de ton image, sa taille et voila.

Enfin, bref, vu que c'est une demande de code (et vu l'heure surtout), je ne vais pas m'embêter à ré-expliquer, voila le html:

Code:
<br><br><br><br><center><div style="pagedaccueil"><html>
<head>
<title>Mapping</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Mapping.psd) -->
<table id="Tableau_01" width="851" height="661" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="6">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin21.gif" width="850" height="51" alt=""></td>
        <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/spacer11.gif" width="1" height="51" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin22.gif" width="474" height="470" alt=""></td>
        <td colspan="3"><div class="histoire">
            Depuis toujours, Athéna, Hadès et Poséidon se livraient fréquemment bataille. Ils étaient pratiquement les seuls dieux à se combattre.
Un jour, les choses commencèrent à évoluer, lorsqu'Éris taquina Arès en lui disant que la seule véritable déesse de la guerre était Athéna, et qu'il ne représentait qu'un soldat auxiliaire. Cette petite taquinerie n'était pas sensée provoquer la suite des événements, malheureusement elle les provoqua quand même.
<br>
Arès qui ne supportait plus d'être considéré comme le deuxième dieu de la guerre décida de changer les choses en prouvant qu'il pouvait vaincre Athéna.
Il voulut la vaincre en combat singulier et la première chose qu'il fît fût celle de se diriger vers le sanctuaire de cette déesse. C'était parfaitement équitable: un combat de dieu contre dieu, tout simplement...
<br><br>
<a href="http://goldoseinto.forumactif.org/regles-f1/histoire-du-forum-t120.htm">Lire la suite</a>
         </div></td>
        <td rowspan="5">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin24.gif" width="28" height="610" alt=""></td>
            <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/spacer11.gif" width="1" height="311" alt=""></td>
         
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin25.gif" width="348" height="70" alt=""></td>
        <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/spacer11.gif" width="1" height="70" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin26.gif" width="120" height="229" alt=""></td>
        <td rowspan="2">
            <span><div class="recherche"><marquee behavior="scroll" direction="up" scrollamount="2" height="150"><br><font style="font-family: Poseidon AOE;" size="3"><div align="center"><div align="left">

<img src="http://i69.servimg.com/u/f69/13/89/14/12/recher12.jpg" border="0" alt="" />
<br>
Dionysos
<br>
<br>
<img src="http://i69.servimg.com/u/f69/13/89/14/12/recher14.jpg" border="0" alt="" />
<br>
Héphaïstos
<br>
<br><div style="font-weight: bold;"></div>
</marquee></span></div></font></div></span>
         </div></td>
        <td rowspan="3">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin27.gif" width="113" height="229" alt=""></td>
        <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/spacer11.gif" width="1" height="89" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin28.gif" width="170" height="140" alt="" USEMAP="#top-sites"></td>
        <td rowspan="2">
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin29.gif" width="304" height="140" alt=""></td>
        <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/spacer11.gif" width="1" height="38" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/mappin30.gif" width="115" height="102" alt=""></td>
        <td>
            <img src="http://i29.servimg.com/u/f29/13/89/14/12/spacer11.gif" width="1" height="102" alt=""></td>
    </tr>
</table>
<MAP NAME="top-sites">
<AREA SHAPE="rect" ALT="pommme 1" COORDS="46,54,67,77" HREF="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4155">
<AREA SHAPE="rect" ALT="pomme 2" COORDS="76,53,96,76" HREF="http://www.root-top.com/topsite/ssanthologie/in.php?ID=21">
<AREA SHAPE="rect" ALT="pomme 3" COORDS="105,54,125,77" HREF="http://www.root-top.com/topsite/lulu06/in.php?ID=1976">
<AREA SHAPE="rect" ALT="pomme 4" COORDS="46,85,66,108" HREF="http://www.root-top.com/topsite/jeuparforum/in.php?ID=156">
<AREA SHAPE="rect" ALT="pomme 5" COORDS="75,85,95,108" HREF="http://www.root-top.com/topsite/lawrence/in.php?ID=213">
<AREA SHAPE="rect" ALT="pomme 6" COORDS="104,85,124,108" HREF="http://">
</MAP>
<!-- End ImageReady Slices -->
</body>
</html></div></center><br><br><br><br>

et ton css:
Code:
.histoire{
background-image: url('http://i29.servimg.com/u/f29/13/89/14/12/mappin23.gif');
width: 348px;
height: 311px;
overflow: auto;
}

.recherche{
background-image: url('http://i29.servimg.com/u/f29/13/89/14/12/mappin11.png');
width: 115px;
height: 127px;
overflow: auto;
}
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyLun 18 Oct 2010, 19:04
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Mapping (PA) problème de tableau. Empty
Bonjour, Merci pour la réponse = O

Je suis vraiment sincérement désolé. Je ne pensais absolument pas mal faire. En fait, j'avais raisonné à l'inverse de toi en me disant que ça relevais plus d'une demande d'aide Mais j'ai réagis trop vite. J'ai posté le message dans le tutoriel et après ayant réalisé que c'était plutôt une demande d'aide : j'ai agis trop vite en en créant une sans même indiquer sur le message du tutoriel que le message avait pour suite une demande d'aide. Ou même tout simplement supprimer le message du tuto pour laisser cette demande d'aide.

Bref ! J'ai fait n'importe quoi. Excuse-moi d'avoir paru impoli. >.< J'ai le cerveau un peu lent.

Et c'est d'ailleurs aussi pour ça que je m'excuse pour le tutoriel : grâce à tes explications que tu viens de m'apporter : l'information à enfin pu monter au cerveau. Je viens de comprendre qu'il fallait remplacer et non pas écrire à la suite ou faire un tableau.

Arf... Sincérement désolé. Pour ce qui est de l'image aussi j'ai été bête. = ( J'ai pas pensé à mettre une capture d'écran. -_-

Bref, pour tout ce bazar je suis vraiment confus. = (

Je vais de ce pas essayer de continuer cette P.A. =3

Merci beaucoup. ^^

EDIT : Bon ce que je ne comprends pas c'est qu'au niveau des images, il n'y en manque pas. Enfin je ne pense pas. =/ Il me semble que j'avais le compte.

Voilà les tranches :


Spoiler:

Merci encore. ^.^


PS : Petite question à part. ^^ Penses-tu qu'il est possible de faire plusieurs mapping dans des onglets. Donc par exemple celle-ci puis un onglet sur le dessus qui permet d'arriver sur une deuxième image différentes avec d'autres tranches etc... J'ai vu que tu avais réussi à faire les onglets dans ton forum d'exemple. Enfin voilà... Juste pour savoir si c'était possible. ^^
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyMar 19 Oct 2010, 15:10
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Mapping (PA) problème de tableau. Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône Mapping (PA) problème de tableau. 87671resolu3 en éditant votre 1er post.
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyMar 26 Oct 2010, 20:23
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Mapping (PA) problème de tableau. Empty
Non, mon problème n'est pas totalement résolu. =)

EDIT : Mais il y a du nouveau. Les déformations de l'image étaient dût aux images défilantes.

Je pense que le dernier trou qui reste peut s'arranger en réglant ce problème de défilement. Pourriez-vous m'expliquer comment centrer le défilement et comment faire en sorte que le texte soit moins proche des bords de l'image?

Voilà, donc mon problème à légèrement changé. =3

Je vous envoie le nouveau code de la P.A :

Spoiler:

MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyMer 27 Oct 2010, 14:25
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Mapping (PA) problème de tableau. Empty
Bonjour,

Votre problème est-il résolu ? Si oui, merci de cocher l'icône Mapping (PA) problème de tableau. Resolu3 en éditant le premier message de ce sujet.

Merci Wink
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyJeu 04 Nov 2010, 14:12
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Mapping (PA) problème de tableau. Empty
Il ne me reste plus qu'un petit problème qui est celui d'avoir une marge de chaque côté du texte de l'histoire pour éviter que l'écriture touche les bords. ça m'arrangerait vraiment... =3 Mais je trouve pas >.<

Par contre j'ai changé les images des personnages recherché.
Voilà le nouveau code de la P.A

Spoiler:

MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptySam 06 Nov 2010, 08:12
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Mapping (PA) problème de tableau. Empty
Bonjour,

Votre problème est-il résolu ? Si oui, merci de cocher l'icône Mapping (PA) problème de tableau. Resolu3 en éditant le premier message de ce sujet.

Merci Wink
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptySam 13 Nov 2010, 05:32
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Mapping (PA) problème de tableau. Empty
Pas vraiment mais c'est pas très grave. Je rechercherais une solution seul. Ce n'est pas comme si c'était urgent. ^^

En tout cas, merci à Jill pour son aide. J'aurais jamais compris sans elle. ^^
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyDim 14 Nov 2010, 19:47
Revenir en haut Aller en bas
http://www.pixelia.forumactif.org
Caroo'
Caroo'
{ Membre actif }
{ Membre actif }

Féminin Messages : 493



Mapping (PA) problème de tableau. Empty
Sujet résolu, alors je déplace. Smile
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. EmptyDim 14 Nov 2010, 20:46
Revenir en haut Aller en bas
Contenu sponsorisé




Mapping (PA) problème de tableau. Empty
MessageSujet: Re: Mapping (PA) problème de tableau.    Mapping (PA) problème de tableau. Empty
Revenir en haut Aller en bas
 

Mapping (PA) problème de tableau.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Page d'Accueil en Mapping... Toujours ce problème :@
» Problème avec le tuto "Réaliser une PA réactive MAPPING"
» Problème de tableau sur PA !
» Problème de tableau
» Problème de tableau

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit