18043 sujets

Questions générales et questions de débutants

Problème d'interprétation balise span entre IE et Firefox

Bonjour à tous,

Je ne parviens pas à régler un problème d'interprétation entre IE et Firefox ?

Voici la CSS

.jour {
width: 100px;
margin: 3px;
margin-left: 35px;
}

et le code HTML

<p><span class="jour">Lundi</span>18h15</p>
<p><span class="jour">Mardi</span>10h30</p>
<p><span class="jour">Mercredi</span>11h00</p>
<p><span class="jour">Jeudi</span>18h15</p>

Je souhaiterais que les horaires soient au même niveau. C'est le cas pour IE qui interprète la distance "width" de la classe "jour". Par contre Firefox n'en tient absolument pas compte.
J'imagine que le problème vient des paramètres de la CSS. A moins qu'il ne faille reprendre le code HTML?

J'ai essayé diverses combinaisons de CSS "position" et "float" mais rien n'y fait. Un p'tit conseil serait le bienvenu. D'avance, merci beaucoup.
Les propriétés CSS width et margin ne s'appliquent pas sur des éléments en-ligne. Or, span est un élément HTML en-ligne.

Je te conseille de faire un tableau de la sorte :
<table class="jours">
<tr><th>Lundi</th><td>18h15</td></tr>
<tr><th>Mardi</th><td>10h30</td></tr>
<tr><th>Mercredi</th><td>11h00</td></tr>
<tr><th>Jeudi</th><td>18h15</td></tr>
</table>


puis ce CSS :
.jours th {
width: 100px;
padding: 3px 3px 3px 35px;
}


Est-ce que ceci t'éclaire ?
Bonjour,

je te conseille de mettre un doctype sur ta page si cela n'est pas déjà fait, IE n'aurait pas interprété les width et margins si ta page était en mode Standards et non en mode Quirks.
Merci à tous.

En fait j'ai contourné le pb par des balises div


<div style="margin-left: 35px">
       <div class="jour">
  	    <p>Lundi</p>
  	    <p>Mardi</p>
	    <p>Mercredi</p>
	    <p>Jeudi</p>
	    <p>Vendredi</p>
	</div>  
	<div>
  	    <p>18h30</p>
	    <p>20h30</p>
  	    <p>18h30</p>
  	    <p>18h30</p>
  	    <p>18h30</p>
	</div>


pour la CSS, j'ai mis :


.jour {
float: left;	
width: 100px;
}
De fait, c'est plus pratique.

Mais est-il possible de transformer une ligne de tableau au passage de la sourie, sur une ou n'importe quelle cellule de la ligne.

Exemple : au passage de la sourie sur la cellule du lundi, l'heure de la cellule voisine deviendrait rouge ? Est-ce possible en CSS ? J'ai lu qu'il fallait un script en java...
Sujet clos
Aller à