Texte défilant/breaking news - problème avec le CSS

  • Auteur de la discussion Auteur de la discussion Mantis
  • Date de début Date de début
WRInaute discret
Bonjour à tous les WRInautes,

Je vous sollicite car j'ai un petit souci avec un script qui permet de faire défiler du texte "à la breaking news" dans mon fichier header.php

Pour cela, j'ai mis ce code dans mon header.php :

Code:
	<link href="http://www.example.fr/wp-content/themes/kick-it-2.3/breaking.css" media="screen" rel="stylesheet" type="text/css"/>
	<div class="breaking_news">
		<span>BREAKING NEWS</span>
		<marquee onMouseOver="stop()" onMouseOut="start()">
				<b><a href="http://www.example.fr" target="_blank">Test</a></b>
		</marquee>

Puis j'ai crée un fichier breaking.css dans lequel se trouve ceci:

Code:
.breaking_news {margin:-11px 0 10px 0; font-family:Arial; font-size:11px; line-height:20px; height:20px; overflow:hidden; border:2px solid #005550; border-right:0; background-image:url(http://www.example.fr/wp-content/themes/kick-it-2.3/img/fond_breaking.gif)}
.breaking_news span {background-color:#005550; font-weight:bold ; color:#fff;  display:block; float:left; background-image:url(http://www.example.fr/wp-content/themes/kick-it-2.3/img/arrow_breaking.gif); background-position:right; padding:0 22px 0 14px; background-repeat:no-repeat}
.breaking_news marquee {width:770px}

Ca devrait donner quelquechose dans le style (avec des couleurs différentes):
breakingnewsa.png

mais PROBLEME: le texte n'apparait pas et par conséquent ne défile pas, la barre de News reste vide...

Quelqu'un pourrait-il m'aiguiller sur ce problème ?

Cordialement
 
WRInaute discret
jcaron a dit:
Avec juste les bouts que tu donnes, ça fonctionne parfaitement avec IE, FF et Opera...

Jacques.

Merci pour ta réponse.
Comment se fait-il que ça fonctionne pas chez moi alors ? D'ou cela peut-il venir ?

PS: j'utilise Wordpress pour info...
 
WRInaute accro
Tu as probablement d'autres styles qui s'appliquent aussi à ton texte?

Utilise un débugger comme Opera Dragonfly (je suppose que Firebug doit le permettre aussi) pour voir les propriétés applicables à chaque élément et d'où elles viennent...

Jacques.
 
WRInaute discret
jcaron a dit:
Tu as probablement d'autres styles qui s'appliquent aussi à ton texte?

Utilise un débugger comme Opera Dragonfly (je suppose que Firebug doit le permettre aussi) pour voir les propriétés applicables à chaque élément et d'où elles viennent...

Jacques.

J'y connais pas grand chose en CSS je t'avoue, j'ai un peu pompé les lignes de code dans le code source de la page...
Oui, j'ai effectivement un fichier style.css qui s'applique à min thème principal Wordpress...

Crois-tu que je devrais fusionner les 2 fichiers CSS ?
 
Discussions similaires
Haut