element.style détecter par firebug

Version imprimable

01/09/2013, 03h40
geforce

element.style détecter par firebug
Bonjour,

Je viens à nouveau solliciter la communauté sur un problème que je rencontre actuellement.

A l’aide de Firebug, je vérifie que la mise en page CSS de mon <div> et je trouve que il y a un style qui est appliqué qui est :
Code:

1 2 3 element.style { height: 703px; }
(Alors que je ne les pas ajoute nul par dans le code in CSS ni en dynamique JS)

Je voudrais juste le supprimé j'ai essayé de surcharger mais ça fonctionne pas.

Merci de me dire si vous des solutions à me proposer.
01/09/2013, 09h02
rodolphebrd

Bonjour,

Cela signifie que votre élément possède un style en ligne.
Il semble qu'il faille voir du côté du code HTML.
01/09/2013, 10h36
geforce

je crois que je n'ai pas bien compris ce que tu veux dire par style en ligne ?

Mais oui je n'ai pas de style appliqué directement de la balise HTML mais Firebug lui voix un style (qui est le contenu de element.style)
01/09/2013, 11h27
Invité

Bonjour,

Citation:

Envoyé par geforce

je n'ai pas de style appliqué directement de la balise HTML

2ème option : c'est très probablement un style CSS généré par un script JavaScript (modification du CSS coté client, "en live").
Il faut maintenant trouver : "quel script ?"
01/09/2013, 22h40
geforce

Comment je peux détecte éventuellement ce scripte avec un find ? (mais avec quel mot clés, j'ai un peu cherché mais rien)

J’ai remarqué qu'il y plain de personne sur des forums qui ont même problème ça semble indépendant un scripte JS.
01/09/2013, 23h16
Invité

Si tu as une page en ligne à montrer, on pourra y regarder.

1 pièce(s) jointe(s)

volà la portion de code que le CSS que je ne veux pas avoir (dans le div avec class="maxheight indent-bot" y a deux dans cette page 1 pour le texte l'autre pour l'image) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
!--==============================content================================-->
        <section id="content"><div class="ic">More Website Templates @ TemplateMonster.com - January 23, 2012!</div>
            <div class="main">
                <div class="wrapper">
                    <article class="column-1">
                        <div class="indent-left" >
                            <div class="maxheight indent-bot" >
                                <h3><img src="images/halte_garderie.jpg" width="200" height="410" alt="Presentation"></h3>
                            </div>
                        </div>
                    </article>
                    <article class="column-2">
                        <div class="maxheight indent-bot" >
                            <h3 class="color-2">Mot de bienvenue </h3>
                            <p> <span>
                                Bonjour! Bienvenue chez .....
                            </span></p>
                        </div>
                    </article>
                </div>
 
                <div class="wrapper">
                    <article  class="column-3">
                        <div class="maxheight indent-bot">
                            <h3 class="color-2">À propos de nous </h3>
                            <p><span>L’histoire de la garderie a débuté .....                      
                                </span></p>
                        </div>
 
                    </article>
                    <article class="column-4">
 
                        <div class="indent-left">
                            <div class="maxheight indent-bot">
                                <h3><img src="images/enfants1.jpg" alt="Presentation" width="285" height="700"></h3>
                            </div>
                        </div>
                    </article>
                </div>            
            </div>
 
        </section>

ci-dessous une capture de ce que m'affiche Firebug (vous remarqué que ce bout de CSS appartient à auqu’un fichier selon Firebug )

Merci de votre aide (c'est un point bloquant pour moi)

07/09/2013, 09h36
rodolphebrd

Citation:

Envoyé par jreaux62

2ème option : c'est très probablement un style CSS généré par un script JavaScript (modification du CSS coté client, "en live").

Pour vérifier:

- désactiver Js pour constater si le problème existe toujours.
- si oui, poster dans le forum JavaScript.

Note : avec une page en ligne le problème aurait été résolu très rapidement. :?
07/09/2013, 09h42
Candygirl

Bonjour,

Les pistes t'ont déjà été données: regarder dans le html/php ou du côté d'un javascript. Si tu ne donnes pas plus d'informations il va être difficile de t'aider... (tu utilises un cms? lequel? tu utilises un template ? lequel?)

As-tu testé d'exécuter ta page en désactivant le javascript?

Comme dit plus haut, l'idéal est de donner un lien vers ta page que nous puissions regarder directement.

Citation:

Envoyé par geforce

J’ai remarqué qu'il y plain de personne sur des forums qui ont même problème ça semble indépendant un scripte JS.

Quelles personnes ? quel forum ? D'où tirent-elles leur conclusion ?

EDIT: grillée...:no:
09/09/2013, 11h17
ouldfella

verifie dans ton code html s'il existe l'attribut style,

Code:

<div style="height:703px;">

sinon
votre div peut être est modifié par javascript ou jquery...

Firebug affiche les styles qui exostent dans l'attribut Style dans une balise html par ce selecteur : element.style