Bonjour,
voici un titre bizarre me direz vous, pourtant c'est bien la sensation que j'ai.
Je travaille sur un site marchand (je ne me charge pas du thème, je ne fais que placer les balises, le thème actuel est juste pour tester).
Voici mon problème :
- Allez dans le premier menu en haut à gauche : "Luxe et bien être"
- Cliquez sur luxe et authenticité
- Allez en bas de la page et cliquez sur ajouter au panier
--> vous tomber sur votre panier avec un article.
ce que j'essaye de faire c'est de mettre en forme les coordonnées du client pour que cela ressemble à ça : cf image jointe DEV1.JPG
Donc j'ai mis mes balises, mais seule l'image du bas apparait, car elle est mise directement dans la page php, ce n'est pas une balise css.
Donc je n'ai ni le fond, ni le haut en vert.
Pourtant en utilisant la barre d'outils web developer sous Firefox, si je fais : CSS -> EDITER LES CSS, mes images apparaissent ...
Voici le contenu de mon fichier php (en partie):
et mon css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div class=coordonnees> <div class='panier_titre'><span>Vos Coordonnees</span></div> <div class='section'> <table class='structure'> ... mes champs .... </table> </div> </div>
Quelqu'un peut m'expliquer avant que je ne devienne totalement fou ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
43 @charset "utf-8"; /* CSS Document */ .coordonnees{ width:600px; margin:auto; } .clear{ clear:both; } .section{ width:600px; background-image:url(images/back.gif); } .panier_titre{ width:600px; background-image:url(images/titre.png); margin-top:30px; color:#FFF; } .pied{ width:600px; background-image:url(images/pied.gif); } .titre span{ margin-left:15px; } table{ width:580px; margin:auto; border-collapse:collapse; background: transparent; } table tr td{ border:solid 1px #000; border-collapse:collapse; padding-right:3px; padding-left:30px; vertical-align:middle; } .structure tr td{ border:none; } .input{margin-left:50px;}
Merci
Partager