CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Aide balise HTML

DébutPage précedente
1
Page suivantePage suivante
MatSonic MatSonic
MP
Niveau 5
25 juin 2016 à 18:05:08

Salut à tous ! Voilà, depuis plusieurs jours je débute dans le HTLM (j'ai survolé un peu les tutos d'OpenClassroms pour les connaisseurs) et je cherche tout bêtement à faire défiler des éléments. Bien sûr, s'il n'y avait pas de condition ça serait trop facile :rire: en fait je veux juste que les éléments défilent du bas de la page vers le haut (en gros il traverse toute la page). J'ai essayé plusieurs moyens mais rien à faire, le texte est "mangé" par le paragraphe juste au dessus !
Donc si quelqu'un pouvait répondre à mon appel à l'aide ça serait super top :ok:

RobotDaft RobotDaft
MP
Niveau 7
25 juin 2016 à 18:17:19

Possible d'avoir ton code actuel pour que je te le corrige en expliquant ?

MatSonic MatSonic
MP
Niveau 5
25 juin 2016 à 18:25:27

Oui bien sûr :

HTML :

<p class="music"><marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><span class="musique">Une musique : Emerald Beach</span><br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/Gkc3heYr2ZM?autoplay=1&rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe></marquee></p>

CSS : .music
{
float: right

}

.musique
{
font-size: 30px;

}

Attention il y a un lien YT avec un autoplay (si tu a un casque avec le son à fond :rire2: )

MatSonic MatSonic
MP
Niveau 5
25 juin 2016 à 18:27:11

Ah oui au fait j'ai laissé les argument mouseon et mouseout pour la vidéo mais il ne fonctionnent pas vraiment non plus ^^"

rem1337 rem1337
MP
Niveau 20
26 juin 2016 à 17:41:52

Il faut mettre le <marquee> en plein écran et utiliser z-index mais franchement c'est juste horrible comme technique et avec pointer-events: none; t'as aucun controle sur la video... Voila ton exemple:
https://jsfiddle.net/c0brk00s/

Perso, j'utiliserai une <div> et du JS pour l'animation (regarde du coté de jQuery si tu ne veux pas réinventer la roue).

Message édité le 26 juin 2016 à 17:44:05 par rem1337
Auresky[JV] Auresky[JV]
MP
Niveau 5
27 juin 2016 à 23:47:14

+1 a mon vdd marquee c'est obsoleyyte passe plutôt par la bible JQuery dès que tu pourra !

Pseudo supprimé
Niveau 10
28 juin 2016 à 00:01:24

Pas besoin de jQuery pour ça. Un peu d'animation CSS, et un simple contrôle d'animation en JS.

MatSonic MatSonic
MP
Niveau 5
28 juin 2016 à 15:22:48

Merci beaucoup pour vos réponses !
J'applique vos conseils et regarde ce que ça donne, merci ! :ok:

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment