Webmaster Forum / HTML, CSS, Scripts / CSS / April 2005

<code>
print start_form(-action=>'index.pl');
      print p( {-align=>'center'}, span( {class=>'tip'}, "ÄéÜëåîå Ýíá
áðü ôá êåßìåíá ãéá íá äéáâÜóåéò => " ),
                                   popup_menu( -name=>'select',
-values=>\@display_files ),
                                   submit('ÅðéëïãÞ'));
print end_form;

This is non-Perl question but i really must understand why its not working:

inside styles.css i have:

td.tip {
     font: 18px times;
    color: cyan;
}
</code>

But i cant see thes quoted text in "big centered lime colored text".

<code>
   while( $row = $sth->fetchrow_hashref )
   {
      print table( {class=>'user_form'},

         Tr(
            td( {-width=>'25%'},      {class=>'name'},    $row->{name}
    ),
            td( {-width=>'50%'},      {class=>'email'},
$row->{email}    ),
            td( {-width=>'25%'},      {class=>'date'},    $row->{date}
    )
         ),

         Tr(
            td(                       {class=>'host'},    "Åõ÷Þ ôïõ
Éçóïý" ),
            td( {colspan=>2},         {class=>'tip'},    $row->{pray}
    )
         ),

         Tr(
            td(                       {class=>'tip'},    "ÐñïóùðéêÞ
ÏñèïäïîïðíåõìáôéêÞ Åìðåéñßá" )),
            td( {colspan=>2},         {class=>'remark'},
$row->{remark}   )
         ),

         Tr(
            td( {colspan=>3},         {class=>'host'},    $row->{host}
      )
         ),

         br() x 2;
   }
</code>

Ans also this, do i ahve any mistake in it because the script dont have
error but i see nothing:

Here is the CSS also:

<code>
table.user_form {
    background-image: url(/data/images/swirl.jpg);
     width: 55%;
      color: lime;
      text-align: center;
    font: 18px times;
    border: 5px inset blue;
    border-collapse: collapse;
}

table.tip {
    background-image : url(/data/images/blue.jpg);
     width: 85%;
      color: lime;
      text-align: center;
    font: 18px comic;
    border: 3px inset red;
    border-collapse: collapse;
}

table.info {
    background-image : url(/data/images/blue.jpg);
     width: 20%;
     color: lime;
      text-align: center;
    font: 18px comic;
    border: 3px inset magenta;
    border-collapse: collapse;
}

table.games {
    background-image : url(/data/images/blue.jpg);
     width: 80%;
      color: lime;
      text-align: center;
    font: 18px comic;
    border: 8px ridge magenta;
    border-collapse: collapse;
}

table {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

Tr {
    text-align: center;
    border: 2px inset blue;
}

td {
    border: 1px inset yellow;
}

td.tip {
     font: 18px times;
    color: white;
}

td.host {
     font: 18px comic;
    color: lime;
}

td.date {
    font: 18px comic;
    color: yellow;
}

td.passage {
    font: 18px orange;
    color: lime;
}

td.counter {
    font: 18px comic;
    color: cyan;
}
</code>