Discussion :

[Dooxe]

Bonjour à tous,

Je viens de mettre en ligne mon site internet, et vient de repérer un mauvais alignement d'élément dans ma page de musiques, qui visiblement est dépendant du navigateur. (bien sur Opéra, Firefox, IE, et pas sous Chrome, ou l'inverse ...)

Pour être plus clair, voici une image :


Chaque soundtrack est une div avec une class "soundtrack".
Chaque soundtrack contient :

un span pour le titre, de classe "song-title", contenant un span de classe "text" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.soundtrack .song-title .text { 
left: 5px;
}
 
.text { 
display: inline-block;
position: relative;
}

Une div contenant le lecteur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.sound-player { 
display: inline-block;
height: 20px;
margin-bottom: 5px;
position: relative;
top: -10px;
width: 250px;
}

Un élément "a" pour les "likes" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.cliker-button { 
display: inline-block;
position: relative;
top: 4px;
}
 
.cliker-button { 
color: #FFFFFF;
display: inline-block;
font-size: 14px;
height: 20px;
text-decoration: none;
width: 20px;
}

Auriez vu une idée de la raison de cette différence ?

Merci d'avance

[rodolphebrd]

Bonjour,

Avez-vous créer un reset css?

[Dooxe]

Qu'est-ce qu'un reset css ?

[rodolphebrd]

Voici un lien

[Dooxe]

J'ai essayé mais malheureusement rien y fait.

[rodolphebrd]

Ça me parait un peu rapide pour intégrer un reset après avoir conçu le site...

Mais bon, avez-vous un lien vers votre site? Cela sera plus simple à résoudre.