Afficher/Caché un <div> au survole (CSS/JS/HTML)
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Afficher/Caché un <div> au survole (CSS/JS/HTML)
Lien vers la page concerner:
http://l-o-z.forumactif.org/h3-musique
EN bas de la page, vous verrez un lecteur de musique que j'aimerais "caché" pour ne pas prendre la place pour rien.
D'un autre coté, comme il s'agit d'un Iframe dans la partie supérieur du tableau et d'un autre qui appel le lecteur, je ne connais pas bien mes possibilités.
Je pensais à mouseover mais comme je n'ai jamais eu à utiliser cette fonction... Toute aide est la bienvenue ^^
Merci a tous et à bientot :]
J'ai contourné ce probleme mais cela me mène à un autre...
Je voudrais en faite modifier la position d'un élement.
Que lorsque la sourie est sur cette élement, il monte de x pixel.
Je vous laisse voir par vous meme, vous comprendrez peut etre mieux avec les images:
http://l-o-z.forumactif.org/h4-teste
Je voudrais que l'iframe ou est contenu deezer soit ~80 pixel plus bas et que lorsque l'on passe la sourie sur le bout dépassant, on récupere la totalité en faisant remonter le tout de ~80px.
Etant donné que je n'ai aucune notion de JS, je viens sollicité votre aide.
Merci a bientot :]
Edit:
Résolu, voila (pour les suivants) comment j'ai procéder:
Voila mon Iframe à laquelle j'ai appliquer l'id "deezer"
- Code:
<iframe id="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=400&height=100&cover=false&btn_popup=true&type=playlist&id=66713733&title=" width="400" height="120"></iframe>
Du coté CSS, j'ai tout simplement créer un deuxieme avec les modifications voulu comme ceci:
- Code:
#deezer:hover
{
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -200px;
float:left;
width:400px;
height:120px;
clear:both;
opacity : 0.95;
-moz-opacity : 0.95;
-ms-filter: "alpha(opacity=95)";
filter : alpha(opacity=95);
}
#deezer
{
position: absolute;
bottom: -85px;
left: 50%;
margin-left: -200px;
float:left;
width:400px;
height:120px;
clear:both;
opacity : 0.65;
-moz-opacity : 0.65;
-ms-filter: "alpha(opacity=65)";
filter : alpha(opacity=65);
}
Dernière édition par kidnap le Dim 8 Jan 2012 - 22:39, édité 3 fois
Re: Afficher/Caché un <div> au survole (CSS/JS/HTML)
Si vous avez une autre solution? Un Vector en java peut etre?
Mais comme je n'en connais rien d'autre que le nom (aussi bien du java que du vector), ça pose un petit probleme
Merci
Solution trouver grâce à l'utilisation de div et non de tableau.
Dernière édition par kidnap le Dim 8 Jan 2012 - 22:21, édité 1 fois
Re: Afficher/Caché un <div> au survole (CSS/JS/HTML)
Dernière édition par kidnap le Dim 8 Jan 2012 - 22:21, édité 1 fois
Re: Afficher/Caché un <div> au survole (CSS/JS/HTML)
Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif Sécurité : Mail de fondation - Ce qu'il ne faut pas faire Listing - Questions/Réponses fréquentes Listing - Trucs et astuces La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse |
Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
Bonsoir,
Inutile de poster après ce message, patientez comme tout le monde
Cordialement.
Sujets similaires
» Lien survolé barre de navigation impossible à changer (CSS/HTML)
» Besoin code html widget Sujets récents pour afficher page html
» Afficher une annonce html sans avoir besoin de faire appel à une page HTML
» Ne pas afficher les Widgets sur les pages HTML
» Comment mêttre un url caché sous un mot dans une page HTML?
» Besoin code html widget Sujets récents pour afficher page html
» Afficher une annonce html sans avoir besoin de faire appel à une page HTML
» Ne pas afficher les Widgets sur les pages HTML
» Comment mêttre un url caché sous un mot dans une page HTML?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum