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

Mantis
WRInaute discret
WRInaute discret
 
Messages: 105
Inscription: 22 Oct 2006

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

Message le Mar Avr 06, 2010 18:14

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: Tout sélectionner
   <link href="http://www.csve.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.csve.fr" target="_blank">Test</a></b>
      </marquee>


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

Code: Tout sélectionner
.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.csve.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.csve.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):
Image
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

jcaron
WRInaute accro
WRInaute accro
 
Messages: 2687
Inscription: 13 Fév 2004

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

Message le Mar Avr 06, 2010 20:06

Avec juste les bouts que tu donnes, ça fonctionne parfaitement avec IE, FF et Opera...

Jacques.

Mantis
WRInaute discret
WRInaute discret
 
Messages: 105
Inscription: 22 Oct 2006

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

Message le Mar Avr 06, 2010 23:35

jcaron a écrit: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...

jcaron
WRInaute accro
WRInaute accro
 
Messages: 2687
Inscription: 13 Fév 2004

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

Message le Mar Avr 06, 2010 23:44

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.

Mantis
WRInaute discret
WRInaute discret
 
Messages: 105
Inscription: 22 Oct 2006

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

Message le Mer Avr 07, 2010 0:06

jcaron a écrit: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 ?


bproductiv
WRInaute accro
WRInaute accro
 
Messages: 4173
Inscription: 27 Déc 2004

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

Message le Mer Avr 07, 2010 7:06

La balise marquee ne s'utilise plus, elle est dépréciée.

Mantis
WRInaute discret
WRInaute discret
 
Messages: 105
Inscription: 22 Oct 2006

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

Message le Mer Avr 07, 2010 12:25

bproductiv a écrit:La balise marquee ne s'utilise plus, elle est dépréciée.


Certes mais cela va-t-il régler mon problème si j'enlève cette balise ? Je ne pense pas :)


bproductiv
WRInaute accro
WRInaute accro
 
Messages: 4173
Inscription: 27 Déc 2004

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

Message le Mer Avr 07, 2010 12:46

Mantis a écrit:
bproductiv a écrit:La balise marquee ne s'utilise plus, elle est dépréciée.


Certes mais cela va-t-il régler mon problème si j'enlève cette balise ? Je ne pense pas :)

Tout a fait puisqu'il te faudra mettre en place une alternative :)


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

  • Transformer des citations en liens
    Cet outil vous permet de trouver des pages citant votre site mais ne faisant pas (encore) de lien. Il suffira parfois d'un simple mail pour transformer cette simple citation en lien (backlink).
  • Analyseur de densité
    Cet outil vous permet de calculer l'indice de densité d'un mot-clé d'une page web. Il est calculé à la fois pour la balise TITLE, la balise META description et l'ensemble du texte de la page.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités