[CSS] Menu à onglet
Résolu/Fermé
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
-
19 juil. 2010 à 19:53
jimelfou Messages postés 133 Date d'inscription samedi 20 octobre 2001 Statut Membre Dernière intervention 6 février 2016 - 20 juil. 2010 à 21:07
jimelfou Messages postés 133 Date d'inscription samedi 20 octobre 2001 Statut Membre Dernière intervention 6 février 2016 - 20 juil. 2010 à 21:07
A voir également:
- [CSS] Menu à onglet
- Menu déroulant excel - Guide
- Rouvrir onglet fermé - Guide
- Menu démarrer windows 11 - Guide
- Onglet privé - Guide
- Canon quick menu - Télécharger - Utilitaires
23 réponses
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 21:39
19 juil. 2010 à 21:39
De rien, de mémoire je pense qu'il faut chercher du coté de la fonction onclick
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 19:55
19 juil. 2010 à 19:55
Les images respectives de tes onglets doivent etre de la même taille tout simplement
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:05
19 juil. 2010 à 20:05
Les 3 images sont les mêmes, mais étant donné qu'elles sont en background, seule la partie vis-à-vis le texte est affiché.
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 20:09
19 juil. 2010 à 20:09
Euh je vois pas la, les images s'affichent pas? ou le texte dépasse des images?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:15
19 juil. 2010 à 20:15
Le texte est en arrière-plan (Code CSS : background-image:url(images/active-tab.gif);)
Donc si mon texte est de 10px par 100px, alors l'image couvrira seulement cette surface à l'arrière du texte.
La dimension de mon image est de 294px par 44px. Et je voudrais que même si mon texte est de 10px par 10px que l'image s'affiche au complet avec le texte au centre de celle-ci.
Est-ce plus clair?
Donc si mon texte est de 10px par 100px, alors l'image couvrira seulement cette surface à l'arrière du texte.
La dimension de mon image est de 294px par 44px. Et je voudrais que même si mon texte est de 10px par 10px que l'image s'affiche au complet avec le texte au centre de celle-ci.
Est-ce plus clair?
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
Modifié par will5555 le 19/07/2010 à 20:17
Modifié par will5555 le 19/07/2010 à 20:17
Oui bien plus clair ^^
Normalement en mettant le width a 249px et le height à 44px cela devrait marché
avec un text-align : center pour que texte soit au milieu
Normalement en mettant le width a 249px et le height à 44px cela devrait marché
avec un text-align : center pour que texte soit au milieu
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:21
19 juil. 2010 à 20:21
comme tu peux voir dans mon premier message, j'ai mis les propriétés height et width, mais pour une raison inconnu il ne sont pas pris en compte... C'est donc pourquoi j'ai posé cette question ici...!
Est-ce que se serait parceque j'essaie de l'affecter à une balise <a> ?
Est-ce que se serait parceque j'essaie de l'affecter à une balise <a> ?
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
Modifié par will5555 le 19/07/2010 à 20:30
Modifié par will5555 le 19/07/2010 à 20:30
oui ça doit etre pour ça
essaye en remplaçant le a par un li si tu a fait une liste
Si ton site est en ligne peut tu me passer le lien?
essaye en remplaçant le a par un li si tu a fait une liste
Si ton site est en ligne peut tu me passer le lien?
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:32
19 juil. 2010 à 20:32
http://www.enico.com
Le menu est environ au milieu de la page. Les onglets devraient être au-dessus du rectangle blanc.
Le menu est environ au milieu de la page. Les onglets devraient être au-dessus du rectangle blanc.
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 20:37
19 juil. 2010 à 20:37
Ce sont les onglets de bienvenue?
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:40
19 juil. 2010 à 20:40
"Automatisation" , "Sécurité des machines" et "Viscosité en ligne"
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 20:47
19 juil. 2010 à 20:47
en effet il y'a un souci car apparemment aucune propriété css n'a été appliquer aux liens !
vous aviez bien entrez ce code dans le css ?
.tab_active {
liste des propriétés
}
.tab {
liste des propriétés
}
vous aviez bien entrez ce code dans le css ?
.tab_active {
liste des propriétés
}
.tab {
liste des propriétés
}
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:50
19 juil. 2010 à 20:50
effectivement.
Je suis en train d'essayé avec une liste plutot que seulement des <a>.
On verra bien ce que ça donnera!
Je suis en train d'essayé avec une liste plutot que seulement des <a>.
On verra bien ce que ça donnera!
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 20:51
19 juil. 2010 à 20:51
l'autre choix serai de créer des images avec le nom déjà inscrit et de faire :
<a><img /></a>
C'est ce que je fait en général et ça marche bien
<a><img /></a>
C'est ce que je fait en général et ça marche bien
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 20:55
19 juil. 2010 à 20:55
C'étais ma solution finale, le but était de sauver quelque ko en utilisant qu'une seule image, mais je crois bien que je vais l'utiliser tout de suite. Je crois bien que j'ai déjà perdu assez de temps !
Merci de ton aide!
Merci de ton aide!
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 21:00
19 juil. 2010 à 21:00
De rien ^^
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 21:12
19 juil. 2010 à 21:12
oups, petit hic par contre.
Comment je lui dit quelle image utilisé selon si l'onglet est actif ou non? Étant donné que je ne l'affecte plus par le css je ne sais plus trop comment lui faire afficher active.jpg ou inactive.jpg ....!
Comment je lui dit quelle image utilisé selon si l'onglet est actif ou non? Étant donné que je ne l'affecte plus par le css je ne sais plus trop comment lui faire afficher active.jpg ou inactive.jpg ....!
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 21:13
19 juil. 2010 à 21:13
il faut utiliser un script javascript, je vais les mettre ici dans quelques minutes
will5555
Messages postés
332
Date d'inscription
samedi 2 août 2008
Statut
Membre
Dernière intervention
20 août 2013
45
19 juil. 2010 à 21:18
19 juil. 2010 à 21:18
Voici le code pour les boutons
il faut completer les adresses pour localiser les images
l'adresse du onmouseout doit etre identique à celle de la balise image
le name de image doit etre présent car il sert a situer l'image
<a onmouseout="document.home.src='http://www.';" onmouseover="document.home.src='http://www.';" href="http://www.">
<img alt="" src="http://www." name="home">
</a>
il faut completer les adresses pour localiser les images
l'adresse du onmouseout doit etre identique à celle de la balise image
le name de image doit etre présent car il sert a situer l'image
<a onmouseout="document.home.src='http://www.';" onmouseover="document.home.src='http://www.';" href="http://www.">
<img alt="" src="http://www." name="home">
</a>
jimelfou
Messages postés
133
Date d'inscription
samedi 20 octobre 2001
Statut
Membre
Dernière intervention
6 février 2016
2
19 juil. 2010 à 21:26
19 juil. 2010 à 21:26
mais lorsque je clique sur un des onglets et que la section relative a celui-ci est affichée, il doit demeuré à l'image active, et c'est cette partie qui m'embête...