A voir également:
- Probleme de programmation !!!
- Application de programmation - Guide
- Programmation - Guide
- Programmation logo tortue télécharger - Télécharger - Études & Formations
- Programmation télécommande porte de garage brico depot - Forum Matériel & Système
- Problème de programmation digicode extel klavy 3 ✓ - Forum Loisirs / Divertissements
5 réponses
Akronos
Messages postés
140
Date d'inscription
jeudi 6 janvier 2011
Statut
Membre
Dernière intervention
31 janvier 2011
32
25 janv. 2011 à 13:21
25 janv. 2011 à 13:21
JavaScript => onClick => modification du CSS
canarder
Messages postés
1706
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
13 mai 2018
354
27 janv. 2011 à 20:16
27 janv. 2011 à 20:16
donc tu clique sur ces liens, et ils se mettent dans une boîte ...
va voir du côté javascript dom ;)
selfhtml est chient comme site, il donne juste des exemples, va voir le tuto sur le site du zero et après sur selfhtml.
va voir du côté javascript dom ;)
selfhtml est chient comme site, il donne juste des exemples, va voir le tuto sur le site du zero et après sur selfhtml.
non tu peux le faire sans javascript avec les listes imbriquées par exemple
et le css
<ul class="menu">
<li>Personne1
<ul>
<li class="action1"><a href="page1.php?id=1">action1</a></li>
<li class="action2"><a href="page2.php?id=1">action2</a></li>
</ul>
</li>
<li>Personne2
<ul>
<li class="action1"><a href="page1.php?id=2">action1</a></li>
<li class="action2"><a href="page2.php?id=2">action2</a></li>
</ul>
</li>
...
</ul>
et le css
li.personneNom{
float:left;
}
li.personneAction{
float: left;
list-style-type: none
}
li.personneAction a.action1{
width: 16px;
background: url(img/action1.png) no-repeat ;
display: block;
text-indent: -2000px;
float: left;
margin-left:2px;
margin-right:2px;
}
li.personneAction a.action2{
width: 16px;
background: url(img/action2.png) no-repeat ;
display: block;
text-indent: -2000px;
float: left;
margin-left:2px;
margin-right:2px
}
.separation{
clear: both;
visibility: hidden;
}
Akronos
Messages postés
140
Date d'inscription
jeudi 6 janvier 2011
Statut
Membre
Dernière intervention
31 janvier 2011
32
31 janv. 2011 à 11:20
31 janv. 2011 à 11:20
Alors ça c'est horrible. Je comprends même pas comment on peut le faire...
Enfin, le rendu y est c'est sûr, maintenant je veux bien voir l'affichage sur un grand écran > 2000x2000, ca sera drôle de voir une liste boguée tout à gauche...
Et changez la valeur ne change rien au problème, ce n'est que du bricolage...
Enfin, c'est sûr que ça se fait, mais quitte à faire les choses, autant les faire correctement ;)
Enfin, le rendu y est c'est sûr, maintenant je veux bien voir l'affichage sur un grand écran > 2000x2000, ca sera drôle de voir une liste boguée tout à gauche...
Et changez la valeur ne change rien au problème, ce n'est que du bricolage...
Enfin, c'est sûr que ça se fait, mais quitte à faire les choses, autant les faire correctement ;)
Utilisateur anonyme
28 janv. 2011 à 23:04
28 janv. 2011 à 23:04
Tu pourrais m'expliquer comment mettre tout ca sur une page HTML, ou mettre le .css etc...
Merci,
Chris.
Merci,
Chris.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
canarder
Messages postés
1706
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
13 mai 2018
354
7 févr. 2011 à 16:30
7 févr. 2011 à 16:30
kris, va apprendre les bases sur le site du zéro sur l'html/css, puis sur le javascript, et reviens plus tard. sinon donne nous des codes et explique clairement, une capture d'écran sans le javascript si tu veux (j'ai pas trop compris ce que tu voulais faire si ce n'est pas ce que je t'ai dit ...)
25 janv. 2011 à 18:16
" JavaScript => onClick => modification du CSS "
Je ne sais pas ce que ça veut dire...
Merci de m'indiquer, et de m'expliquer le code que je dois utiliser !
Chris
26 janv. 2011 à 12:05
Soit tu fais:
soit tu fait:
Voilà, et dans ta fonction tu modifie le css des div que tu veux faire apparaître ou disparaître grâce à display: hidden.
Enfin, y a pas mal de tuto sur google.
26 janv. 2011 à 17:51
Chris.
Modifié par Akronos le 27/01/2011 à 12:44
27 janv. 2011 à 18:44