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! | | | Page d'Accueil en Mapping... Toujours ce problème :@ |  |
|  Haribot' ♪ 
{ Membre hyper-actif }
 Messages : 5163
 | Coucou les Gens  Voilà, j'ai un ÉNORME problème parce que depuis tout à l'heure, je m'acharne sur ma Page d'Accueil en mapping!!  Est-ce que quelqu'un aurait une idée de comment je pourrais insérer un défilement de logos là où c'est enregistrer en rouge.. - Spoiler:
Voici ce que j'ai essayé notamment : - Code:
-
<img name="accueil0" src="http://pictupload.free.fr/images/pagcqpq.png" usemap="#accueil" height="565px" width="810px" border="0" style="z-index: -99999999;"> <map name="accueil"> <area shape="rect" coords="187,353,227,390" href="http://www.root-top.com/topsite/natou/in.php?ID=682" alt="Votez pour GC!" name="bouton vote 4"> <area shape="rect" coords="144,353,184,390" href="http://www.root-top.com/topsite/graphxtop/in.php?ID=243" alt="Votez pour GC!" name="bouton vote 3"> <area shape="rect" coords="97,354,130,385" href="http://www.root-top.com/topsite/punkee/in.php?ID=145" alt="Votez pour GC!" name="bouton vote 2"> <area shape="rect" coords="53,350,88,385" href="http://www.root-top.com/topsite/ryotopub/in.php?ID=62" alt="Votez pour GC!" name="bouton vote 1"> <area shape="rect" coords="18,73,208,110" href="http://www.graph-commandes.com/code-ou-es-tu-f4/reglement-general-t3.htm" alt="Réglement" name="reglement"> <area shape="rect" coords="18,99,404,137" href="http://www.graph-commandes.com/code-ou-es-tu-f4/reglement-des-commandes-t2.htm" alt="Réglement des Commandes" name="reglement commandes"> <area shape="rect" coords="18,132,239,167" href="http://www.graph-commandes.com/entrer-dans-la-danse-f3/" alt="Présentation" name="presentation"> <area shape="rect" coords="18,160,239,195" href="http://www.graph-commandes.com/je-veux-du-pouvoir-f16/" alt="Recrutement" name="recrutement"> <area shape="rect" coords="18,190,223,255" href="http://www.graph-commandes.com/devenir-friend-f7/devenir-partenaire-t12.htm" alt="Partenariat" name="partenariat"> <area shape="rect" coords="19,222,187,256" href="http://www.graph-commandes.com/code-ou-es-tu-f4/les-groupes-t816.htm" alt="Groupes" name="groupes"> <area shape="rect" coords="449,123,534,208" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=2" alt="Hariboow ♫♪" name="hariboow"> <area shape="rect" coords="560,123,622,192" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=1" alt="Sote" name="sote"> <area shape="rect" coords="650,125,731,204" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=6" alt="Juw'liie  " name="juw'liie"> <area shape="rect" coords="478,246,704,271" href="http://www.graph-commandes.com/entre-vous-et-nous-f6/le-staff-t1385.htm" alt="Voir l'ensemble du Staff" name="all staff"> <area shape="rect" coords="465,410,548,429" href="http://www.graph-commandes.com/devenir-friend-f7/nos-logos-t603.htm" alt="Nos Boutons" name="boutons"> <area shape="rect" coords="549,410,600,429" href="http://www.graph-commandes.com/devenir-friend-f7/nos-partenaires-t1518.htm#19053" alt="More" name="plus"> <area shape="rect" coords="602,410,643,429" href="http://www.graph-commandes.com/devenir-friend-f7/devenir-partenaire-t12.htm" alt="You ?" name="vous"> <marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="115" style="padding-left: 472px; width: 164px; z-index: 999999999;">héhéhéhéhé</marquee> </map> Merci de votre aide, Bisous. |
Dernière édition par Hαrιcoow le Ven 27 Aoû 2010, 10:44, édité 1 fois | |
| | | | Kimy
{ Membre actif }
 Messages : 1190
| Coucou, Je sais pas si c'est la meilleure des façons, mais en créant une DIV autour et en la position ça marche : - Code:
-
<img name="accueil0" src="http://pictupload.free.fr/images/pagcqpq.png" usemap="#accueil" height="565px" width="810px" border="0" style="z-index: -99999999;"><map name="accueil"><area shape="rect" coords="187,353,227,390" href="http://www.root-top.com/topsite/natou/in.php?ID=682" alt="Votez pour GC!" name="bouton vote 4"><area shape="rect" coords="144,353,184,390" href="http://www.root-top.com/topsite/graphxtop/in.php?ID=243" alt="Votez pour GC!" name="bouton vote 3"><area shape="rect" coords="97,354,130,385" href="http://www.root-top.com/topsite/punkee/in.php?ID=145" alt="Votez pour GC!" name="bouton vote 2"><area shape="rect" coords="53,350,88,385" href="http://www.root-top.com/topsite/ryotopub/in.php?ID=62" alt="Votez pour GC!" name="bouton vote 1"><area shape="rect" coords="18,73,208,110" href="http://www.graph-commandes.com/code-ou-es-tu-f4/reglement-general-t3.htm" alt="Réglement" name="reglement"><area shape="rect" coords="18,99,404,137" href="http://www.graph-commandes.com/code-ou-es-tu-f4/reglement-des-commandes-t2.htm" alt="Réglement des Commandes" name="reglement commandes"><area shape="rect" coords="18,132,239,167" href="http://www.graph-commandes.com/entrer-dans-la-danse-f3/" alt="Présentation" name="presentation"><area shape="rect" coords="18,160,239,195" href="http://www.graph-commandes.com/je-veux-du-pouvoir-f16/" alt="Recrutement" name="recrutement"><area shape="rect" coords="18,190,223,255" href="http://www.graph-commandes.com/devenir-friend-f7/devenir-partenaire-t12.htm" alt="Partenariat" name="partenariat"><area shape="rect" coords="19,222,187,256" href="http://www.graph-commandes.com/code-ou-es-tu-f4/les-groupes-t816.htm" alt="Groupes" name="groupes"><area shape="rect" coords="449,123,534,208" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=2" alt="Hariboow ♫♪" name="hariboow"><area shape="rect" coords="560,123,622,192" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=1" alt="Sote" name="sote"><area shape="rect" coords="650,125,731,204" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=6" alt="Juw'liie ♥" name="juw'liie"><area shape="rect" coords="478,246,704,271" href="http://www.graph-commandes.com/entre-vous-et-nous-f6/le-staff-t1385.htm" alt="Voir l'ensemble du Staff" name="all staff"><area shape="rect" coords="465,410,548,429" href="http://www.graph-commandes.com/devenir-friend-f7/nos-logos-t603.htm" alt="Nos Boutons" name="boutons"><area shape="rect" coords="549,410,600,429" href="http://www.graph-commandes.com/devenir-friend-f7/nos-partenaires-t1518.htm#19053" alt="More" name="plus"><area shape="rect" coords="602,410,643,429" href="http://www.graph-commandes.com/devenir-friend-f7/devenir-partenaire-t12.htm" alt="You ?" name="vous"><div style="position: relative; left: 0px; bottom: 180px;"><marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="115" style="padding-left: 472px; width: 164px; z-index: 999999999;">héhéhéhéhé</marquee></div></map> EDIT : Ah pardon, j'ai tout collé parce que j'ai testé dans un message >w< | | |
| | | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| | | | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Je re-déplace. J'ai toujours un problème à cause de cte foutu image!! Donc, voilà mon problème : - Spoiler:
Et mon code : - Spoiler:
- Code:
-
<img name="accueil0" src="http://pictupload.free.fr/images/pagcqpq.png" usemap="#accueil" style="z-index: -99999999;" width="810px" border="0" height="565px"><map name="accueil"><area shape="rect" coords="187,353,227,390" href="http://www.root-top.com/topsite/natou/in.php?ID=682" alt="Votez pour GC!" name="bouton vote 4"><area shape="rect" coords="144,353,184,390" href="http://www.root-top.com/topsite/graphxtop/in.php?ID=243" alt="Votez pour GC!" name="bouton vote 3"><area shape="rect" coords="97,354,130,385" href="http://www.root-top.com/topsite/punkee/in.php?ID=145" alt="Votez pour GC!" name="bouton vote 2"><area shape="rect" coords="53,350,88,385" href="http://www.root-top.com/topsite/ryotopub/in.php?ID=62" alt="Votez pour GC!" name="bouton vote 1"><area shape="rect" coords="18,73,208,110" href="http://www.graph-commandes.com/code-ou-es-tu-f4/reglement-general-t3.htm" alt="Réglement" name="reglement"><area shape="rect" coords="18,99,404,137" href="http://www.graph-commandes.com/code-ou-es-tu-f4/reglement-des-commandes-t2.htm" alt="Réglement des Commandes" name="reglement commandes"><area shape="rect" coords="18,132,239,167" href="http://www.graph-commandes.com/entrer-dans-la-danse-f3/" alt="Présentation" name="presentation"><area shape="rect" coords="18,160,239,195" href="http://www.graph-commandes.com/je-veux-du-pouvoir-f16/" alt="Recrutement" name="recrutement"><area shape="rect" coords="18,190,223,255" href="http://www.graph-commandes.com/devenir-friend-f7/devenir-partenaire-t12.htm" alt="Partenariat" name="partenariat"><area shape="rect" coords="19,222,187,256" href="http://www.graph-commandes.com/code-ou-es-tu-f4/les-groupes-t816.htm" alt="Groupes" name="groupes"><area shape="rect" coords="449,123,534,208" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=2" alt="Hariboow ♫♪" name="hariboow"><area shape="rect" coords="560,123,622,192" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=1" alt="Sote" name="sote"><area shape="rect" coords="650,125,731,204" href="http://www.graph-commandes.com/profile.forum?mode=viewprofile&u=6" alt="Juw'liie " name="juw'liie"><area shape="rect" coords="478,246,704,271" href="http://www.graph-commandes.com/entre-vous-et-nous-f6/le-staff-t1385.htm" alt="Voir l'ensemble du Staff" name="all staff"><area shape="rect" coords="465,410,548,429" href="http://www.graph-commandes.com/devenir-friend-f7/nos-logos-t603.htm" alt="Nos Boutons" name="boutons"><area shape="rect" coords="549,410,600,429" href="http://www.graph-commandes.com/devenir-friend-f7/nos-partenaires-t1518.htm#19053" alt="More" name="plus"><area shape="rect" coords="602,410,643,429" href="http://www.graph-commandes.com/devenir-friend-f7/devenir-partenaire-t12.htm" alt="You ?" name="vous"><div style="position: relative; left: 0px; bottom: 195px;"><marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="115" style="padding-left: 295px; width: 167px; z-index: 999999999;"><a href="http://elegance-temptation.forumsactifs.net/forum.htm" class="postlink"><img src="http://pictupload.free.fr/images/logos/et-logo.png" alt="et-logo.png"></a> <a href="http://grafik-exclusif.forumactif.com/"><img src="http://pictupload.free.fr/images/logos/ge-logo.png" alt="ge-logo.png"></a> <a href="http://graphavenue.forumactif.com/"><img src="http://pictupload.free.fr/images/logos/ga-logo.png" alt="ga-logo.png"></a> <a href="http://www.jeuxvideoplay.com/index.php"><img src="http://pictupload.free.fr/images/logos/jvp-logo.png" alt="jvp-logo.png"></a> <a href="http://perfectmatch.forumotion.com/"><img src="http://pictupload.free.fr/images/logos/pm-logo.png" alt="pm-logo.png"></a> <a href="http://www.ryotopub.com"><img src="http://pictupload.free.fr/images/13zo8kj.png" alt="13zo8kj.png"></a></marquee></div></map>
Bonne Chance! Je pense que ça se joue au niveau de la propriété CSS "position: relative;". | | |
| | | | Jill
{ Membre }
Messages : 102
| Hellow! Alors, j'ai fais quelques essais, et je dois dire que c'est un véritable casse-tête!  Le fait de mettre une position "relative" limite carrément les possibilités et je n'ai pas réussi à résoudre le problème --" Ceci dit, je pense que c'est aussi beaucoup plus difficile de tout mettre sur une seule et grande image, que sur plusieurs petites, et pour ne pas poster pour rien, je peux te proposer de découper ton image sur Photoshop. Tu n'as quasiment rien qui nécessite de rajouter du html par dessus (juste les partenaires en fait) donc ça reste très simple à réaliser. Si tu veux, y'a pas de problème sur moi, ça ne me prendra pas longtemps  Ceci dit, si quelqu'un a une réponse, n'hésitez pas, je n'ai qu'une solution de remplacement, donc, ça vaut qu'à moitié x) :p Je me posais juste une question: A quoi sert le "z-index: -99999999" ? Ca m'intéresserais de savoir ^^ | | |
| | | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| C'est une propriété CSS concernant les arrières plans & premier plan qui marche comme ceci : - Code:
-
z-index : 100; /* premier plan */
z-index : -100; /* arrière plan */ Mais je vais l'enlever, ça concernant le marquee, c'est pour ça Sinon, il se mettait en arrière plan Je vais essayer d'effectuer ton tutoriel | | |
| | | | Jill
{ Membre }
Messages : 102
| Oooh d'accord! Je connaissais pas du tout, c'est super utile! *_* Sinon pour le mapping, si tu as un problème, tu sais où me trouver De vue, je pense que tu peux la découper en seulement 4 tranches Le plus long sera surement de refaire tes coordonnées sur chacunes de tes images | | |
| | | | Kaiji 
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône  en éditant votre 1er post.
| | |
| | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
| | | | Contenu sponsorisé
| | | | | | | Page d'Accueil en Mapping... Toujours ce problème :@ | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
