Bonjour,
Je n'ai pas trouvé la section pour se présenter et comme je fais parti de l'administration d'un forum je sais qu'il est toujours bien vu de le faire lorsque l'on est nouveau et qu'on recherche un peu d'aide
.
Je m'appelle Anthony, 21 ans, je suis Breton et je n'ai aucune connaissances ou qualifications dans le codage de site internet. Pour preuve je suis apprenti dans le domaine de l'agroalimentaire, enfin bref...
.
Je bidouille et c'est vraiment le cas de le dire, ce qui touche au html et css (connaissances en js-php => 0). Quand je vois une structure, un menu, une page qui me plait je copie le code et je fais varier les valeurs de toutes les propriétés jusqu'à comprendre son fonctionnement et obtenir le résultat attendu. Mais comme je n'ai pas de bonnes bases c'est de temps en temps foireux pour ne pas dire souvent
.
J'en suis aujourd'hui à mon troisième essais de projet de site. Le premier datant déjà d'au moins 5 ans. Mais ça c'est parce que je ne suis pas très efficace j'ai déjà passé deux semaines sur la création d'un livre d'or alors que je disposais des codes tout prêt
. Face à ces échecs, par manque de temps et d'efficacité je me suis résigner à abandonner la création d'un site entièrement codé par mes soins et cette fois çi je me suis lancé dans la création d'un blog. Bon là encore c'est pas gagné et c'est là que vous intervenez .
Je souhaite avoir un petit menu pour personnaliser mon blog. J'utilise le site "blogger". J'ai donc ajouté un gadget à l'emplacement voulu qui me permet d'intégrer entre autre du php et javascript.
J'ai donc trouvé un code de menu tout fait qui me convenait, du moins vis à vis de la structure. Seulement voilà lorsque que mon curseur arrive sur un sous menu je ne peux cliquer que sur le premier sous-onglet dès que je descend plus bas pour atteindre les suivants mon sous menu disparait.
Mais comme on dit un dessin vaut mieux qu'un long discours, alors voici le lien : http://lebloggercarnivore.blogspot.fr/#
Je suis sûr qu'il ne s'agit de presque rien mais je viens de passé déjà 2h à chercher comment faire sans aucun succès
. C'est pourquoi si vous pouviez m'aider à trouver et comprendre mon erreur peut être qu'un jour j'arriverais enfin à sortir quelque chose 
.
Je vous joins les codes utilisés :
Modifié par Erlin (01 Sep 2014 - 20:49)
Je n'ai pas trouvé la section pour se présenter et comme je fais parti de l'administration d'un forum je sais qu'il est toujours bien vu de le faire lorsque l'on est nouveau et qu'on recherche un peu d'aide
.Je m'appelle Anthony, 21 ans, je suis Breton et je n'ai aucune connaissances ou qualifications dans le codage de site internet. Pour preuve je suis apprenti dans le domaine de l'agroalimentaire, enfin bref...
.Je bidouille et c'est vraiment le cas de le dire, ce qui touche au html et css (connaissances en js-php => 0). Quand je vois une structure, un menu, une page qui me plait je copie le code et je fais varier les valeurs de toutes les propriétés jusqu'à comprendre son fonctionnement et obtenir le résultat attendu. Mais comme je n'ai pas de bonnes bases c'est de temps en temps foireux pour ne pas dire souvent
.J'en suis aujourd'hui à mon troisième essais de projet de site. Le premier datant déjà d'au moins 5 ans. Mais ça c'est parce que je ne suis pas très efficace j'ai déjà passé deux semaines sur la création d'un livre d'or alors que je disposais des codes tout prêt
. Face à ces échecs, par manque de temps et d'efficacité je me suis résigner à abandonner la création d'un site entièrement codé par mes soins et cette fois çi je me suis lancé dans la création d'un blog. Bon là encore c'est pas gagné et c'est là que vous intervenez .Je souhaite avoir un petit menu pour personnaliser mon blog. J'utilise le site "blogger". J'ai donc ajouté un gadget à l'emplacement voulu qui me permet d'intégrer entre autre du php et javascript.
J'ai donc trouvé un code de menu tout fait qui me convenait, du moins vis à vis de la structure. Seulement voilà lorsque que mon curseur arrive sur un sous menu je ne peux cliquer que sur le premier sous-onglet dès que je descend plus bas pour atteindre les suivants mon sous menu disparait.
Mais comme on dit un dessin vaut mieux qu'un long discours, alors voici le lien : http://lebloggercarnivore.blogspot.fr/#
Je suis sûr qu'il ne s'agit de presque rien mais je viens de passé déjà 2h à chercher comment faire sans aucun succès
. C'est pourquoi si vous pouviez m'aider à trouver et comprendre mon erreur peut être qu'un jour j'arriverais enfin à sortir quelque chose .Je vous joins les codes utilisés :
<script type="text/javascript">
<!--
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>
<ul id="menu">
<li>
<a href="#">Accueil</a>
</li>
<li>
<a href="#">Bien débuter</a>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
</ul>
</li>
<li>
<a href="#">Conditions de culture</a>
<ul>
<li>
<a href="#">Lien 3</a>
</li>
<li>
<a href="#">Lien 4</a>
</li>
</ul>
</li>
<li>
<a href="#">Trucs et astuces</a>
</li>
<li>
<a href="#">Galerie photo</a>
<ul>
<li>
<a href="#">Cephalotus</a>
</li>
<li>
<a href="#">Dionaea</a>
</li>
<li>
<a href="#">Drosera</a>
</li>
<li>
<a href="#">Drosophyllum</a>
</li>
<li>
<a href="#">Genlisea</a>
</li>
<li>
<a href="#">Pinguicula</a>
</li>
<li>
<a href="#">Sarracenia</a>
</li>
<li>
<a href="#">Utricularia</a>
</li>
</ul>
</li>
</ul>
</head>
<style>
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}
#menu, #menu ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 144px; /* largeur */
}
#menu li /* Elements des listes */
{
float : bottom;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 0px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-right: 0px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
width: 144px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 0px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li
{
border-top : 0px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul
{
margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left : 0px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète [cligne] */
html>body #menu li ul ul
{
border-left : 0px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
</style>Modifié par Erlin (01 Sep 2014 - 20:49)