I did
perl -MCGI index.cgi > test.html
this is index.cgi
#!/usr/bin/perl -w

use strict;
use diagnostics;

use CGI;
use CGI::Carp qw(fatalsToBrowser warningsToBrowser);
use CGI::Pretty;

use DBI;

warningsToBrowser(1);

my $q = CGI->new();
my $title = "mt Annotation pipeline";


print $q->header(),

      $q -> start_html(-title => "$title",
                        -style => { -src => 'mycss/mtannot.css', -type
+ => 'text/css', -media => 'screen' }),
      
      $q->div({-class=>"header"},$title),
      $q->div({-style=>"float: left"},
        $q->div({-class=>"menu"},
          $q->h3("menu"),
          ("here is some text"),
          $q->br(),
          ("spanning two lines")
        ),
      ),
     $q->div({-class=>"content"},
              $q->h1('First Upload your sequence'),        
              $q->table ( {bgColor=> "blue", -border=>1},
                $q->TR([
                  $q->td("1") . $q->td("A") . $q->td("2") . $q->td("B"
+),
                ]),
                $q->TR([
                  $q->td("1") . $q->td("A") . $q->td("2") . $q->td("B"
+),
                ]),
              ),
          ),

     $q -> end_html();

[download]
and this is the css file:

BODY {
  background-color: #0e7aef;
  color: white; 
  font-family: sans-serif;
  background: url(images/vbc.jpg) no-repeat fixed top right;
}

LI {
  margin-bottom: 1ex;
}

H1 {
  color:black;
}

.header {
  font-size: 4em;
  border: solid thin black;
  background-color: #8B475D;
  text-align: center;
  padding-top: 0px;
  margin: 0px 0px 10px 0px;
  color: #7FFF00;
  width: 90%;
}

.content {
  margin-left: 16em;

  padding: 1em 1em 1em 1em;

  background-color: #eee;
  border: solid thin black;
  width: 75%;
}

.menu {
  background-color: #b3d5ff;
  width: 15em;
  border: solid thin black;
  text-align: center;
  color: black;
}

[download]
How do you change the body' background-color in your css?

In reply to Re^4: cgi and css, body tag not recognize by yvan
in thread cgi and css, body tag not recognize by yvan

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.