Feuille de style externe et PHP

Jinkas · 20/09/2011, 12h03

Bonjour,

J'essaie de faire appel à une feuille de style externe dans du code php mais celà ne marche pas.

Contenu de mon_fichier.css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
table {
border-width:1px;
border-style:solid;
border-color:white;
background: url(../images/mon-image.png)
}
td {
border-width:1px;
border-style:solid;
border-color:red;
}

Contenu de mon_fichier.php

- En rouge 1er test

- En bleu 2nd test

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
<?php 
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<LINK rel="stylesheet" type="text/css" href="mon_fichier.css">
<table class="mon_fichier" style="border-width: 0px; width: 100%">
<?php foreach ($items as $item) : ?>
	<tr>
    <td>
      <span title="<?php echo JText::_( 'COL1' ); ?>"><?php echo JText::_( 'COL1' ); ?></span>
    </td>  
    <td>
      <span title="<?php echo JText::_( 'COL2' ); ?>"><?php echo JText::_( 'COL2' ); ?></span>
    </td>  
    <td>
      <span title="<?php echo JText::_( 'COL3' ); ?>"><?php echo JText::_( 'COL3' ); ?></span>
    </td>
    <td>
      <span title="<?php echo JText::_( 'COL4' ); ?>"><?php echo JText::_( 'COL4' ); ?></span>
    </td>
    <td>
      <span title="<?php echo JText::_( 'COL5' ); ?>"><?php echo JText::_( 'COL5' ); ?></span>
    </td>
  </tr>
 
  <tr>
    <td>
      <span title="<?php echo $item->col1?>"><?php echo $item->col1?></span>
    </td>
    <td>
      <span title="<?php echo $item->col2?>"><?php echo $item->col2?></span>
    </td>  
    <td>
      <span title="<?php echo $item->col3?>"><?php echo $item->col3?></span>
    </td>  
    <td>
      <span title="<?php echo $item->col4?>"><?php echo $item->col4?></span>
    </td>
    <td>
      <span title="<?php echo $item->col5?>"><?php echo $item->col5?></span>
    </td>
  </tr>
<?php endforeach; ?>
</table>

Merci,

kOrt3x · 20/09/2011, 12h46

Déjà il faut mettre dans entre les balises <head></head> ton appel CSS :

<LINK rel="stylesheet" type="text/css" href="mon_fichier.css">

Et je ne vois pas ta class "mon_fichier" dans ton css, donc normale que ça ne fonctionne pas.

Jinkas · 20/09/2011, 13h03

En fait le fichier php correspond à un module joomla que j'ai installé et ne contient que la balise html table. Si je comprends bien, je mets le link dans une balise head comme vous l'aviez indiqué? sinon est ce oblige d'utiliser class dans les 2 fichiers ou je supprime celui du table et je garde seulement le head avec le link dans le fichier php. Sinon, si je dois garder la balise dans les 2 cas comment l'écrire dans le fichier CSS? Merci,

kOrt3x · 20/09/2011, 13h12

Ton code :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
table {
border-width:1px;
border-style:solid;
border-color:white;
background: url(../images/mon-image.png)
}

prend en compte toutes les balises <table> de ton site, donc si tu veux que ça soit différent pour un tableau en particulier, il faut ajouter :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
table.maclass {
border-width:1px;
border-style:solid;
border-color:white;
background: url(../images/mon-image.png)
}

Mais il faut l'ajouter dans ton fichier CSS principal qui est déjà utilisé.

Jinkas · 20/09/2011, 14h19

J'ai rajouté le link comme suit :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<?php 
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<head><link rel="stylesheet" type="text/css" href="prayer.css"></head>
<table style="border-width: 0px; width: 100%">
<?php foreach ($items as $item) : ?>

Mais ça n'a rien changé! Je ne sais pas s'il est nécessaire de mettre l'url entier du fichier css dans le href ? Pour info, les deux fichiers se trouvent dans le même répertoire.

Etant débutant en css, je cherche à mettre une image en background dans le tableau et faire un width à 70% pour la 1ère colonne et 30% pour la seconde.

Merci,

Jinkas · 21/09/2011, 10h09

Je ne sais pas si je me fais comprendre?

Jinkas · 21/09/2011, 10h40

Il fallait dans le href changer l'url pour que le fichier css soit pris en considération. Cependant, je ne comprends pas pourquoi l'affichage de l'image fonctionne ici

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table style="background:url(../images/mon-image.png); width: 100%; ">

et pas là

fichier php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table style="border-width: 0px; width: 100%" class="fond">

fichier css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
table.fond{
   background-image: url('../images/mon-image.png');
   background: #fff;
}

Le background blanc fonctionne bien mais l'image ne s'affiche pas?

Merci,

FirePrawn · 21/09/2011, 10h49

Parce que tu déclares deux styles...

C'est SOIT le fichier .css SOIT la propriété style dans ta balise !

Jinkas · 21/09/2011, 10h55

mais le background blanc fonctionne c'est bizarre

sinon je viens de modifier les 2 fichiers comme suit:

fichier php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table class="fond">

fichier css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
table.fond{
   background-image: url(../images/mon-image.png);
   background: #fff;
   border-width: 0px; 
   width: 100%;
}

toujours rien pour l'image

FirePrawn · 21/09/2011, 10h58

Bah le blanc fonctionne oui, puisque par défaut c'est blanc

Tu as essayé en mettant le lien complet ?

Jinkas · 21/09/2011, 11h02

Oui j'ai essayé de mettre l'url complet ça donne le même résultat et quelque soit la couleur que je mets pour le background ça fonctionne.

C'est juste l'image qui ne veut pas s'afficher.

Comment faire pour l'afficher svp?

Jinkas · 27/09/2011, 11h53

Bonjour,

Il n'y a aucun problème pour afficher l'image directement dans table

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<head>
<link rel="stylesheet" type="text/css" href="../modules/mod_times/tmpl/prayer.css" />
</head>
<table style="background:url(../images/image.png); width:230px; height:300px; background-repeat:no-repeat;">

mais j'ai tout essayé avec une feuille de style externe et ça ne fonctionne pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table class="fond">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
table#fond{
   background:url(../images/image.png);
   width:230px; 
   height:300px;
   background-repeat:no-repeat;
}

mais si je mets un background couleur cela fonctionne!

20/09/2011, 12h46	#2
kOrt3x Rédacteur/Modérateur Aurélien Gaymay Technicien Informatique/Etudiant Web Inscription : septembre 2006 Messages : 2 320 Détails du profil Informations personnelles : Nom : Aurélien Gaymay Âge : 29 Localisation : France, Nord (Nord Pas de Calais) Informations professionnelles : Activité : Technicien Informatique/Etudiant Web Secteur : Santé Informations forums : Inscription : septembre 2006 Messages : 2 320 Points : 7 272 Points : 7 272	Déjà il faut mettre dans entre les balises <head></head> ton appel CSS : <LINK rel="stylesheet" type="text/css" href="mon_fichier.css"> Et je ne vois pas ta class "mon_fichier" dans ton css, donc normale que ça ne fonctionne pas. __________________ QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore) QuickEvent Lite : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore) ______________________________________________________________________________________ La rubrique Mac - Les cours & tutoriels Mac - Critiques de Livres Mac
	00

21/09/2011, 10h49	#8
FirePrawn Modérateur Sébastien Ingénieur réalisateur Inscription : mars 2011 Messages : 776 Détails du profil Informations personnelles : Nom : Sébastien Âge : 24 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 776 Points : 2 344 Points : 2 344	Parce que tu déclares deux styles... C'est SOIT le fichier .css SOIT la propriété style dans ta balise ! __________________ - Avant toute chose : lire le mode d'emploi du forum et ses règles. - avant de poster - Je ne réponds pas aux questions techniques en MP.
	00

21/09/2011, 10h58	#10
FirePrawn Modérateur Sébastien Ingénieur réalisateur Inscription : mars 2011 Messages : 776 Détails du profil Informations personnelles : Nom : Sébastien Âge : 24 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 776 Points : 2 344 Points : 2 344	Bah le blanc fonctionne oui, puisque par défaut c'est blanc Tu as essayé en mettant le lien complet ? __________________ - Avant toute chose : lire le mode d'emploi du forum et ses règles. - avant de poster - Je ne réponds pas aux questions techniques en MP.
	00

20/09/2011, 13h03	#3
Jinkas Invité régulier Inscription : août 2009 Messages : 181 Détails du profil Informations forums : Inscription : août 2009 Messages : 181 Points : 6 Points : 6	En fait le fichier php correspond à un module joomla que j'ai installé et ne contient que la balise html table. Si je comprends bien, je mets le link dans une balise head comme vous l'aviez indiqué? sinon est ce oblige d'utiliser class dans les 2 fichiers ou je supprime celui du table et je garde seulement le head avec le link dans le fichier php. Sinon, si je dois garder la balise dans les 2 cas comment l'écrire dans le fichier CSS? Merci,
	00

21/09/2011, 10h09	#6
Jinkas Invité régulier Inscription : août 2009 Messages : 181 Détails du profil Informations forums : Inscription : août 2009 Messages : 181 Points : 6 Points : 6	Je ne sais pas si je me fais comprendre?
	00

21/09/2011, 11h02	#11
Jinkas Invité régulier Inscription : août 2009 Messages : 181 Détails du profil Informations forums : Inscription : août 2009 Messages : 181 Points : 6 Points : 6	Oui j'ai essayé de mettre l'url complet ça donne le même résultat et quelque soit la couleur que je mets pour le background ça fonctionne. C'est juste l'image qui ne veut pas s'afficher. Comment faire pour l'afficher svp?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email