HTML5 piste audio

Flavien -  
 flavien -
Bonjour,
je viens vous demander de l'aide ! Je m'explique , je créer un site qui propose des musique à télécharger libre en droit . Le problème , c'est que je suis nouveau dans le domaine du HTML5 et j'ai trouvée tant bien que mal le code qui propose d'écouter les musiques . Le problème c'est que les piste audio sont collés entre elle , et se suivent au lieux de partir du haut , et de descendre . Je vous demande un code qui pourrait m'aider .

Merci
A voir également:

2 réponses

EclairOChocola Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   91
 
"Le problème c'est que les piste audio sont collés entre elle , et se suivent au lieux de partir du haut , et de descendre . Je vous demande un code qui pourrait m'aider "

Euh... tu peux être plus précis s'il te plait ? avec un imprime écran peut être ca serais cool !
0
DarkSpX Messages postés 80 Date d'inscription   Statut Membre Dernière intervention   17
 


Salut,
Voilà , je te donne l'image . (Tinquiéte , j'ai juste changé de pseudo.
0
EclairOChocola Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   91
 
Dans ton code CSS, normalement si tu met la propriété display:inline; pour tes players ou les bloques dans lesquelles tu les a mis. Et normalement ca devrais le faire.
0
DarkSpX Messages postés 80 Date d'inscription   Statut Membre Dernière intervention   17
 
tu a un code car comment dire , ca fait pas longtemps que je me suis mis au code
0
EclairOChocola Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   91
 
Déjà, as tu un fichier css ? Si non créer en un et inclue le au début de ta page html ou php
Tu trouvera facilement comment faire sur le web.

Normalement pour avoir les player comme ça tu utilise la balise <audio>.
Tu devra leur donner une classe a toutes tes balise dont tu souhaite qu'elles soient en colonne. par exemple: ta balise ouvrante ressemellera a ça
<audio class="LeNomDeTaClass">


Et dans ton fichier css tu aura :
audio.LeNomDeTaClass {
display: inline;
}


si cela ne fonctionne pas. tu met tes players dans des div avec une class différente:
<div class="LeNomDeTaClasse2">
<audio class='"LeNomDeTaClass" ........> </audio>
</div>


Et dans ton CSS:

LeNomDeTaClass2 {
position: relative;
width: 100%;
}

Cela permettra au bloc de prendre toute la largeur sans que cela soit visible et donc le bloc suivant se positionnera en dessous
0
DarkSpX Messages postés 80 Date d'inscription   Statut Membre Dernière intervention   17
 
D'accord , je te remercie, mais le problème c'est que maintenant , je ne vois plus rien
0
EclairOChocola Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   91
 
Comment ca ?
0