Discussion :

[Shyboy]

voila j'utilise cgi pm maisje vois pas comment y intégrer mes divs de ma feuille de style css ..

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
#!/usr/bin/perl
 
 
use CGI;
 $page= CGI::new();
print $page->header(-title=>'titre',
                                         -meta=>{'http_equiv' => 'Content-Type',
            	                         'content' => 'text/html'
            	                         },
            	                        -style=>{"src"=>""}
	                      	     );
      $page->start_html();
print $page->startform(-name=>"f1",
                        -method=>"POST",
                        -action=>"listechoix.cgi"),
 
            $page->p("marque"),
            $page->textfield(-name=>"marque",
                               -value=>""),
 
             $page->p("modele"),
             $page->textfield(-name=>"modele",
                               -value=>""),
             $page->submit(-value=>"Go"),
             $page->end_form();
print $page->end_html();
exit;

j'ai rien trouvé sur google comme exemple ou tuto... dur dur..
ma feuille Css:

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
/* CSS Document */
html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-image: url(img/background.png);
}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #FF9933}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
 
div#container{width:700px;margin:0 auto}
div#content{
	float:right;
	width:500px;
	background-color: #FFFFFF;
}
div#navigation{float:left;width:200px}
div#extra{clear:both;width:100%}
 
 
/* puces */
li {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 display : list-item;
 list-style-image : url(../img/bullet.png);
 list-style-position: outside;
} 
 
/*position*/
 
.center{text-align:center;}

[Jedai]

Code :

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

$page->div({-id => 'footer'}, $page->p('Ceci est un pied de page')),

par exemple.
donnera le html suivant :

Code html :

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

1
2
3
<div id="footer">
  <p>Ceci est un pied de page</p>
</div>

--
Jedaï