Any one has the idea why I put the script and the css sheet to the same folder it will apply the style to the web page, but if I leave the script in different folder, it will not apply css style.

This sounds like a problem in relative file accessing, but i dont see that in the html, so i dont know.

And if I remote log in to the server as the administrator to open the html page. It shows all styles, but if I did not remote log in as administrator it will not show all the css styles on page???

This sounds like permission problems. https://msdn.microsoft.com/en-us/library/bb727008.aspx

For some reason it always leaves the white space.

This sounds like margins problems. there are margins below a h3 to consider. See https://stackoverflow.com/questions/6489481/css-how-to-omit-the-spacing-between-an-h3-and-a-p-element

You have included a lot of useless css to try todo what you want. I would instead try to do it by just including the few items i needed in the style segment you included in your head segment or by just including the modifications i wanted inside style="..." sections of the actual commands. 

    <div class="w3-container" style="padding:0px;margin:0px;color:#fff
+!important;background-color:#002d56!important}">
    <h2 style="padding:0px;margin:0px;">Daily Activities Report</h2>
    <h3 style="padding:0px;margin:0px;">Bulletin Date $date  $time</h3
+>
    </div>
    <div class="w3-control-bar" style="padding:0px;margin:0px;" </div>

[download]

This is getting way past perl and into css, i do not claim to be strong at css but can often get what i want via chainsaws

In reply to Re^9: split the text file to multiple arrays by huck
in thread split the text file to multiple arrays by mhoang

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.