Impossible de voir ma coulissante

par Invité Mar 27 Aoû 2013 - 22:11

Bonsoir ,

je viens de mettre la navigation coulissante sur mon forum , et mon problème c'est que je ne vois pas l'image dessus , ni le texte :

Impossible de voir ma coulissante C110

mon forum : http://masterweb.forumgratuit.org/forum

par Matriochka Mar 27 Aoû 2013 - 22:24

Bonsoir,

peux-tu envoyer ici le code HTML utilisé ?

par Invité Mar 27 Aoû 2013 - 22:32

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>navigation jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script> <style> ul#bouton { position: fixed; /* On fixe les boutons */ margin: 0px; /* marge extérieure */ padding: 0px; /* marge intérieure */ top: 50px; /* positionné à 50px du haut */ left: 0px; /* positionné à 0px du bord gauche */ list-style: none; /* pas de style pour la liste */ z-index:9999; /* place les boutons au dessus de tout le reste */ } ul#bouton li { width: 90px; /* largeur du bouton */ margin-bottom: 4px; /* marge inférieure */ } ul#bouton li a { display: block; /* défini en bloc */ margin-left: -75px; /* marge extérieure négative gauche */ width: 90px; /* largeur */ height: 70px; /* hauteur */ background-color:#c7cac6; /* couleur de fond */ background-repeat:no-repeat; /* répétition du fond */ background-position:center center; /* position du fond */ -moz-border-radius:0px 9px 9px 0px; /* angles arrondis */ -webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */ border-radius:0px 9px 9px 0px; /* angles arrondis */ border:1px solid #323630; /* bordure */ -moz-box-shadow: 0px 0px 5px #000; /* ombre portée */ -webkit-box-shadow: 0px 0px 5px #000; /* ombre portée */ box-shadow: 0px 0px 5px #000; /* ombre portée */ opacity: 0.7; /* opacité */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* opacité pour IE */ } ul#bouton .Commandes a{ background-image: url(adresse de l'image); } ul#bouton .Présention a{ background-image: url(adresse de l'image); } ul#bouton .CSS a{ background-image: url(hadresse de l'image); } ul#bouton .Pub a{ background-image: url(adresse de l'image); } ul#bouton .contact a{ background-image: url(adresse de l'image); } </style> </head> <body> <ul id="bouton"> <li class="galerie"><a target="_blank" href="#"></a></li> <li class="discut"><a target="_blank" href="#"></a></li> <li class="codes"><a target="_blank" href="#"></a></li> <li class="commande"><a target="_blank" href="#"></a></li> <li class="contact"><a target="_blank" href="#"></a></li> </ul> <script type="text/javascript"> $(function() { $('#bouton a').stop().animate({'marginLeft':'-75px'},1000); $('#bouton > li').hover( function () { $('a',$(this)).stop().animate({'marginLeft':'-2px'},200); }, function () { $('a',$(this)).stop().animate({'marginLeft':'-75px'},200); } ); }); </script> </body> </html>

par Matriochka Mar 27 Aoû 2013 - 22:33

Hé bien ?

Code:: <ul id="bouton"> <li class="galerie"><a target="_blank" href="#"></a></li> <li class="discut"><a target="_blank" href="#"></a></li> <li class="codes"><a target="_blank" href="#"></a></li> <li class="commande"><a target="_blank" href="#"></a></li> <li class="contact"><a target="_blank" href="#"></a></li> </ul>

Il n'y a aucun texte ni image entre les balises a, c'est normal que rien n'apparaisse sur le forum, dès lors.

C'est bien de ça dont tu parlais ?

par Invité Mar 27 Aoû 2013 - 22:38

Quand je glisse sur les coulisses j'ai que le fond qui est bleu et j'ai pas mes texte ni l'image que je veux

par Matriochka Mar 27 Aoû 2013 - 23:01

Je t'ai expliqué pourquoi plus haut

Dans ton code source tu n'as ni images ni texte

par Invité Mar 27 Aoû 2013 - 23:09

Bonsoir , je viens justement de les rajouter et il y à rien qui ce passe

par Matriochka Mar 27 Aoû 2013 - 23:12

Ce n'est pas ce qui est censé apparaître ?
Impossible de voir ma coulissante Sans_t17

par Invité Mar 27 Aoû 2013 - 23:17

Si c'est sa !! Very Happy

mais quand j'en mais d'autre sa ne fonctionne pas ^^

par Matriochka Mar 27 Aoû 2013 - 23:19

Peux-tu me montrer ton nouveau code ?

par Invité Mar 27 Aoû 2013 - 23:19

Oui bien sur le voici :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>navigation jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script> <style> ul#bouton { position: fixed; /* On fixe les boutons */ margin: 0px; /* marge extérieure */ padding: 0px; /* marge intérieure */ top: 50px; /* positionné à 50px du haut */ left: 0px; /* positionné à 0px du bord gauche */ list-style: none; /* pas de style pour la liste */ z-index:9999; /* place les boutons au dessus de tout le reste */ } ul#bouton li { width: 90px; /* largeur du bouton */ margin-bottom: 4px; /* marge inférieure */ } ul#bouton li a { display: block; /* défini en bloc */ margin-left: -75px; /* marge extérieure négative gauche */ width: 90px; /* largeur */ height: 70px; /* hauteur */ background-color:#c7cac6; /* couleur de fond */ background-repeat:no-repeat; /* répétition du fond */ background-position:center center; /* position du fond */ -moz-border-radius:0px 9px 9px 0px; /* angles arrondis */ -webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */ border-radius:0px 9px 9px 0px; /* angles arrondis */ border:1px solid #323630; /* bordure */ -moz-box-shadow: 0px 0px 5px #000; /* ombre portée */ -webkit-box-shadow: 0px 0px 5px #000; /* ombre portée */ box-shadow: 0px 0px 5px #000; /* ombre portée */ opacity: 0.7; /* opacité */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* opacité pour IE */ } ul#bouton .Commandes a{ background-image: url(http://i33.servimg.com/u/f33/16/65/03/89/applic10.png); } ul#bouton .Présention a{ background-image: url(http://i70.servimg.com/u/f70/16/65/03/89/kopete10.png); } ul#bouton .CSS a{ background-image: url(http://i70.servimg.com/u/f70/16/65/03/89/css-so10.png); } ul#bouton .Pub a{ background-image: url(http://i33.servimg.com/u/f33/16/65/03/89/radio-11.png); } ul#bouton .contact a{ background-image: url(http://i72.servimg.com/u/f72/12/88/26/20/carnet10.png); } </style> </head> <body> <ul id="bouton"> <li class="galerie"><a target="_blank" href="#"></a></li> <li class="discut"><a target="_blank" href="#"></a></li> <li class="codes"><a target="_blank" href="#"></a></li> <li class="commande"><a target="_blank" href="#"></a></li> <li class="contact"><a target="_blank" href="#"></a></li> </ul> <script type="text/javascript"> $(function() { $('#bouton a').stop().animate({'marginLeft':'-75px'},1000); $('#bouton > li').hover( function () { $('a',$(this)).stop().animate({'marginLeft':'-2px'},200); }, function () { $('a',$(this)).stop().animate({'marginLeft':'-75px'},200); } ); }); </script> </body> </html>

par Matriochka Mar 27 Aoû 2013 - 23:21

Euh ben il n'y a toujours rien, non ?

Code:: <ul id="bouton"> <li class="galerie"><a target="_blank" href="#"></a></li> <li class="discut"><a target="_blank" href="#"></a></li> <li class="codes"><a target="_blank" href="#"></a></li> <li class="commande"><a target="_blank" href="#"></a></li> <li class="contact"><a target="_blank" href="#"></a></li> </ul>

On est censés avoir des balises <img… /> entre les <a></a> Confused

par Invité Mar 27 Aoû 2013 - 23:23

je dois mettre quoi exactement l'image ou l'url?

par Matriochka Mer 28 Aoû 2013 - 10:42

Ben ton image, si tu veux une image :

Code:: <img src="urlici" />

Ce qui donnerait :

Code:: <li class="galerie"><a target="_blank" href="#"><img src="urlici" /></a></li>

par Invité Mer 28 Aoû 2013 - 11:45

Oui mais j'ai pas compris je le remplace dans sa ?

Code:: ul#bouton .Commandes a{ background-image: url(http://i33.servimg.com/u/f33/16/65/03/89/applic10.png); } ul#bouton .Présention a{ background-image: url(http://i70.servimg.com/u/f70/16/65/03/89/kopete10.png); } ul#bouton .CSS a{ background-image: url(http://i70.servimg.com/u/f70/16/65/03/89/css-so10.png); } ul#bouton .Pub a{ background-image: url(http://i33.servimg.com/u/f33/16/65/03/89/radio-11.png); } ul#bouton .contact a{ background-image: url(http://i72.servimg.com/u/f72/12/88/26/20/carnet10.png); }

par Anzu Mar 3 Sep 2013 - 8:11

Impossible de voir ma coulissante Imager11

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: