Impossible de voir ma coulissante

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

En cours Impossible de voir ma coulissante

Message par Invité le 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 :

 

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

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le Mar 27 Aoû 2013 - 22:24

Bonsoir,

peux-tu envoyer ici le code HTML utilisé ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

Message par Invité le 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>

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le 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 ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

Message par Invité le 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

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le Mar 27 Aoû 2013 - 23:01

Je t'ai expliqué pourquoi plus haut

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

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

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

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le Mar 27 Aoû 2013 - 23:12

Ce n'est pas ce qui est censé apparaître ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

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

Si c'est sa !! Very Happy  mais quand j'en mais d'autre sa ne fonctionne pas ^^

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le Mar 27 Aoû 2013 - 23:19

Peux-tu me montrer ton nouveau code ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

Message par Invité le 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>

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le 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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

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

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

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Matriochka le 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>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

En cours Re: Impossible de voir ma coulissante

Message par Invité le 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);
}

Invité
Invité


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

En cours Re: Impossible de voir ma coulissante

Message par Anzu le Mar 3 Sep 2013 - 8:11

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: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu 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