[CSS/JSP] Pb d'accès au style CSS via page JSP [Resolu]

Pb d'accès au style CSS via page JSP [Resolu] [CSS/JSP] - HTML/CSS - Programmation

Marsh Posté le 08-02-2007 à 11:37:20    

Bonjour à tous,
 
Mon problème est simple mais malgré les topics/tutorials et autres je tourne en rond  :??:  
 
Je veux simplement faire un appel extérieur à une feuille de style CSS pour l'appliquer à ma page JSP (j'utilise eclipse/tomcat).
 
Voici quelques bride de ma page JSP :

Code :
  1. <html>
  2. <head>
  3.  <link rel=stylesheet type="text/css" href="TestProjetTomcat/css/formulaire1.css">
  4. ...
  5. </head>
  6. ...
  7. <span class="nom" >Nom : </span><input type="text" name="nom" title="Saisissez votre nom" value="<%=dernierProfil !=null ? dernierProfil.getNom() : "" %>">


 
Ma feuille de style CSS toute bête ...  faut bien démarrer :p :

Code :
  1. <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
  2.  .nom {
  3.   color: #FF0000;
  4.   background-color: #C3C9D4;
  5.  }
  6.  .prenom {
  7.   color: #FF0000;
  8.   background-color: #C3C9D4;
  9.  }


 
Enfin l'aborescence de mon projet sous eclipse est la suivante :
 
[TestProjetProjetTomcat]
    L [css]
        L formulaire1.css
        L ...
     L [html]
     L [jsp]
         L formulaire1.jsp
         L ...
     L [WEB-INF]
         L ...
     L [work]
 
Je pense que mon problème se situe dans le href de la balise <link> de ma page JSP.
 
Merci d'avance à tous ceux qui pourraient éclairer ma lanterne  :) .


Message édité par Profil supprimé le 08-02-2007 à 17:00:05
Reply

Marsh Posté le 08-02-2007 à 11:37:20   

Reply

Marsh Posté le 08-02-2007 à 14:53:36    

je paris que tu n'apelles pas un fichier situé à la racine du site. Donc soit tu rajoutes un "/" avant "TestProjetTomcat/css/formulaire1.css" soit tu indique le chemin relatif qui va de l'adresse saisie dans le navigateur (par exemple "www.mondomaine.fr/TestProjetTomcat/jsp/formulaire1.jsp" ) à ton fichier css.


Message édité par omega2 le 08-02-2007 à 14:54:18
Reply

Marsh Posté le 08-02-2007 à 15:25:02    

Et bien justement j'ai essayé :
 
href="http://localhost:8080/TestProjetTomcat/css/formulaire1.css"
href="/TestProjetTomcat/css/formulaire1.css"
href="TestProjetTomcat/css/formulaire1.css"
 
Mais rien ni fait  :sweat:  
 
J'ai également essayé href="http://localhost:8080/TestProjetTomcat/jsp/formulaire1.jsp" comme tu me l'a suggéré mais ça ne résout malheureusement pas le pb  :cry:

Reply

Marsh Posté le 08-02-2007 à 16:24:04    

T'es sur qu'il n'y a aucune différence entre majuscule et minuscule (un serveur tomcat est un serveur apache et apache fait la différence entre les deux)

Reply

Marsh Posté le 08-02-2007 à 16:59:33    

Le problème est résolu  :ange: , vive les tutos érronés  :(  
 
La bonne balise à mettre dans la JSP de mon exemple est la suivante :

Code :
  1. <link rel=stylesheet type="text/css" href="/TestProjetTomcat/css/formulaire1.css">


 
Le problème venait en fait de la feuille de style :

Code :
  1. .nom {
  2.   font-family: Verdana, Arial, Helvetica, sans-serif;
  3.   font-size: 22px;
  4.   color: #FF0000;
  5.   background-color: #959EAD;
  6.   cursor: hand
  7.  }
  8.  .prenom {
  9.   color: #FF0000;
  10.   background-color: #C3C9D4;
  11.  }


 
Il faut remarquer que la balise :

Code :
  1. <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">


 
A DISPARUE ET QUELLE NE SERT A RIEN QU'A EMPECHER L'ACCES AU STYLES  :fou: , je ne mettrais pas le lien du tuto où il était expréssément indiqué de mettre cette balise,  :o se serait trop la honte.
 
Merci d'avoir essayé de me donner un coup de main  :hello: .

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed