IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Web Perl Discussion :

probème dans l'iintergration d'un CSS dans mon Script CGI !!


Sujet :

Web Perl

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 134
    Points : 107
    Points
    107
    Par défaut probème dans l'iintergration d'un CSS dans mon Script CGI !!
    bonjour à toutes et à tous,

    voila je dois ecrire des script CGI dont l'affichage respecte bien le model CSS que j'ai, dans ce but j'ai fait une recherche sur le forum et j'ai suivie les indications données dans les postes mais pas de resultat, j'ai juste mon text sans style...

    voici le code CGI

    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
     
    #!perl
    use CGI;
    use CGI::Carp  qw(fatalsToBrowser);
    use strict;
     
    my $query=new CGI;
     
    print $query->header;
     
    print $query->start_html(
    				-title=>'just an example',
    				-style=> {
    						'src'=>'style.css'
    					}
    );
     
    print '
    <center>
    	<div id="top">	
    		<h1>Out side section</h1>
    	</div>
    	<div id="forms">
    		<fieldset style="bgcolor:blue">
    		<legend>Just an example</legend>
    		</fieldset>
    	</div>
    </center>'
    ;
    print $query->end_html;

    le code html correspendant :

    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
     
    <!DOCTYPE html
    	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    	 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
    <head>
    <title>just an example</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
     
    <center>
    	<div id="top">	
    		<h1>Out side section</h1>
    	</div>
     
    	<div id="forms">
    		<fieldset style="bgcolor:blue">
    		<legend>Just an example</legend>
    		</fieldset>
    	</div>
    </center>
    </body>
    </html>
    merci de votre aide

  2. #2
    Membre expert Avatar de KiLVaiDeN
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 851
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 851
    Points : 3 481
    Points
    3 481
    Par défaut
    J'ai l'impression que ton code est correcte, où se trouve ton fichier style.css ?
    Normalement, si l'url de ta page est http://localhost/test/unepage.htm ton css devrait se trouver dans http://localhost/test/style.css selon la déclaration que tu as faite, si ce n'est pas le cas, peut-être devras-tu introduire un chemin relatif du type '../style.css' ou 'css/style.css' en fonction de ton arborescence.

    Je ne vois que ça Ton HTML me semble bien généré

    A+
    K

  3. #3
    Expert confirmé
    Avatar de GLDavid
    Homme Profil pro
    Service Delivery Manager
    Inscrit en
    Janvier 2003
    Messages
    2 852
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Service Delivery Manager
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Janvier 2003
    Messages : 2 852
    Points : 4 759
    Points
    4 759
    Par défaut
    Sans doute as-tu mal écrit la création de ton header. Voici le lien de la doc CPAN.

    @++
    GLDavid
    Consultez la FAQ Perl ainsi que mes cours de Perl.
    N'oubliez pas les balises code ni le tag

    Je ne répond à aucune question technique par MP.

  4. #4
    Expert éminent
    Avatar de Jedai
    Homme Profil pro
    Enseignant
    Inscrit en
    Avril 2003
    Messages
    6 245
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Avril 2003
    Messages : 6 245
    Points : 8 586
    Points
    8 586
    Par défaut
    Citation Envoyé par GLDavid
    Sans doute as-tu mal écrit la création de ton header. Voici le lien de la doc CPAN.

    @++
    A priori son html me semble bon, je me ralierais plutôt à l'opinion de KilVaiDeN : il doit y avoir un problème avec le .css .

    --
    Jedaï

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 134
    Points : 107
    Points
    107
    Par défaut
    voici le contenue de mon css, "fait fait celui la justement pour le test et pour eviter les erreurs"

    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
     
    #forms { 
    	margin:0 auto; padding:0; width:520px; 
    }
     
    form { 
    	margin:0; 
    	padding:0;
    }
     
    fieldset:hover {
    	border-color:#990000;
    }
    fieldset#checkbox input  {
    	width:35px;
    }
    legend {
    	font-size:1.1em; 
    	color:#666; 
    	font-weight:bold; 
    	padding:5px; 
    	margin:5px; 
    	background:none;
    }
     
    #top {
    	background:#999; 
    	margin:0 0 40px 0; 
    	padding:5px; 
    	border-bottom:2px solid #900;
    }
    #top h1 { 
    	font-family:Georgia, "Times New Roman", Times, serif; 
    	color:#fff; 
    	font-size:1.6em;
    }
    le style.css est dans le meme repertoire que le fihcier cgi.

    si c'est possible de faire le test chez vous pour voir si vous avez le bon resultat ou pas...

    la je suis bloquer pour le moment

  6. #6
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 134
    Points : 107
    Points
    107
    Par défaut
    c'est bisard, car si j'integre le css dans le cgi la j'ai le bon resultat !!

    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
    44
    45
    46
    47
     
     
    #!perl
    use CGI;
    use CGI::Carp  qw(fatalsToBrowser);
    use strict;
     
    my $style=<<END;
    <!--
    #top {
    	background:#999; 
    	margin:0 0 40px 0; 
    	padding:5px; 
    	border-bottom:2px solid #900;
    }
    #top h1 { 
    	font-family:Georgia, "Times New Roman", Times, serif; 
    	color:#fff; 
    	font-size:1.6em;
    }
    -->
    END
     
    my $query=new CGI;
     
    print $query->header;
     
    print $query->start_html(
    				-title=>'just an example',
    				-style=> {
    						-code=>$style
    					}
    );
     
    print '
    <center>
    	<div id="top">	
    		<h1>Out side section</h1>
    	</div>
    	<div id="forms">
    		<fieldset style="bgcolor:blue">
    		<legend>Just an example</legend>
    		</fieldset>
    	</div>
    </center>'
    ;
    print $query->end_html;
    c'est bien mais bon je ne cherche pas à mettre à chaque fois le code css dans tout mes cgi

  7. #7
    Membre expert Avatar de KiLVaiDeN
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 851
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 851
    Points : 3 481
    Points
    3 481
    Par défaut
    Quand tu entres l'url de ton CSS comme je te l'ai dit, tu le retrouves ?
    K

  8. #8
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 134
    Points : 107
    Points
    107
    Par défaut
    effectivement si je met le chemina complet du genre http://127.0.0.1/mon_site/cgi-bin/style.css la ca marche, le problème c'est que le lien ne dois pas etre dependant du --- http://127.0.0.1/monsite-----

  9. #9
    Membre expert Avatar de KiLVaiDeN
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 851
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 851
    Points : 3 481
    Points
    3 481
    Par défaut
    Mets ton style dans un répertoire qui se trouvera au même niveau que le répertoire cgi-bin.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    -- / root du site
    ---- style/
    ------ style.css
    ---- cgi-bin/
    ------ tonscript.pl
    Ensuite, fait le lien comme ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    print $query->start_html( 
                -title=>'just an example', 
                -style=> { 
                      'src'=>'style/style.css' 
                   } 
    );
    Ca devrait fonctionner ?
    K

  10. #10
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 134
    Points : 107
    Points
    107
    Par défaut
    Ok ca marche, tout va bien, maintenant je m'attaque au javascript dans la CGI

    Merci beacoup pour votres aide, c'est vraiment agreable d'avoir des reponses à ses problèmes.
    merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 19/08/2014, 14h41
  2. Modifier le CSS de mon script
    Par tidou95220 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 02/09/2011, 14h50
  3. Intégration css avec un script cgi
    Par Olivier Regnier dans le forum Web
    Réponses: 5
    Dernier message: 07/09/2007, 12h29
  4. feuille css dans du code xsl
    Par bob33 dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 10/01/2006, 14h37
  5. [XSL] Utiliser des CSS dans un fichier XSL
    Par alainme dans le forum XSL/XSLT/XPATH
    Réponses: 5
    Dernier message: 13/04/2005, 10h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo