Messages - Dirhael [ switch to compact view ]

Pages: prev1 2 [3] 4 5 6 7 8 ... 77next
11
Living Room / Re: Show us the View Outside Your Window
« on: March 15, 2015, 06:25 PM »
Went outside this evening and made my first attempt at shooting the night sky. The photos were taken a few hundred meters from my home. Guess there's some advantages to living in a rural area, you don't have to walk very far to find somewhere completely dark :)

_DSC0348.jpg

_DSC0340.jpg

_DSC0359.jpg

12
Living Room / Re: Show us the View Outside Your Window
« on: March 14, 2015, 06:33 PM »
Here's a couple of photos I took more or less just outside my home this evening. It's so nice to have the sun finally rising above the horizon again :)

_DSC0284-2.jpg

_DSC0288.jpg

13
General Software Discussion / Re: HTML table formatting
« on: January 19, 2015, 08:26 PM »
and a whole lot easier than it used to be.

...unless you are trying to make the site responsive. That's still a lot of work if you are not relying on some sort of CSS framework, which I would not use on a single page site of static content.

It's can be a lot of work certainly, but if you have the possibility of supporting only mostly modern browsers then it's not nearly as much work as it used to be. There are a lot of great tools available that helps a lot. As you said though, a framework or something like that isn't needed for something such as this.

14
General Software Discussion / Re: HTML table formatting
« on: January 19, 2015, 11:57 AM »
Wow - awesome!!! Much easier to read!  :Thmbsup: :Thmbsup:

Back in the day it was just whip up something by hand... all that newfangled CSS stuff came about after I had quit doing that kind of work. Back when I had a copy of Netscape ready to install, saved on a floppy.  :P

Happy to help! :) When I first started making the occasional website, CSS had been introduced, but most websites still had the styling mixed in with the HTML so that's what I did as well. Over time I started playing around with it, and today with CSS 3 (and tools such as Sass) and standards-compliant browsers it's actually quite a bit of fun, very flexible and a whole lot easier than it used to be.

15
General Software Discussion / Re: HTML table formatting
« on: January 18, 2015, 07:52 PM »
Besides cleaning up the HTML a bit, what you need is to add some CSS. Here's something I whipped up to get you started...

Fixed (and formatted) HTML:
Code: HTML [Select]
  1. <!DOCTYPE html>
  2.         <meta charset="utf-8" />
  3.         <title>RemoteApp Sessions for 2015/01/18 12:52</title>
  4.         <link rel="stylesheet" href="style.css">
  5. </head>
  6.  
  7. <h1>RemoteApp Sessions for 2015/01/18 12:52</h1>
  8. <p><a href="desk.html">Remote Desktop Sessions page</a></p>
  9. <table class="sortable">
  10.         <caption>click column header to sort by that column - updated every 2 minutes</caption>
  11.         <thead>
  12.                 <tr>
  13.                         <th>FirstSeen</th>
  14.                         <th>Server</th>
  15.                         <th>Session</th>
  16.                         <th>PID</th>
  17.                         <th>User</th>
  18.                         <th>Application</th>
  19.                         <th>Program</th>
  20.                         <th>Parameters</th>
  21.                         <th>IP Address</th>
  22.                         <th>Computer</th>
  23.                         <th>Session ID</th>
  24.                 </tr>
  25.         </thead>
  26.         <tbody>
  27.             <tr>
  28.                         <td>2015/01/18 11:53</td>
  29.                         <td>cotsa4</td>
  30.                         <td>RDP-Tcp#0</td>
  31.                         <td>5668</td>
  32.                         <td>aycockb</td>
  33.                         <td>"BJS Client"</td>
  34.                         <td>"BJSUSER.EXE"</td>
  35.                         <td>''</td>
  36.                         <td>111.222.222.195</td>
  37.                         <td>CODESK3</td>
  38.                         <td>3</td>
  39.                 </tr>
  40.                 <tr>
  41.                         <td>2015/01/18 11:53</td>
  42.                         <td>cotsa5</td>
  43.                         <td>RDP-Tcp#0</td>
  44.                         <td>5720</td>
  45.                         <td>aycockb</td>
  46.                         <td>"Paint"</td>
  47.                         <td>"mspaint.exe"</td>
  48.                         <td>''</td>
  49.                         <td>(unknown)</td>
  50.                         <td>CODESK7</td>
  51.                         <td>2</td>
  52.                 </tr>
  53.                 <tr>
  54.                         <td>2015/01/18 11:53</td>
  55.                         <td>cotsa5</td>
  56.                         <td>RDP-Tcp#0</td>
  57.                         <td>5720</td>
  58.                         <td>smithr</td>
  59.                         <td>"IE"</td>
  60.                         <td>"iexplore.exe"</td>
  61.                         <td>''</td>
  62.                         <td>111.222.111.222</td>
  63.                         <td>CODESK7</td>
  64.                         <td>2</td>
  65.                 </tr>
  66.         </tbody>
  67.  
  68. <script src="sorttable.js" async></script>
  69. </body>
  70. </html>

CSS:
Code: CSS [Select]
  1. /*** This makes styling of elements consistent between most browsers.
  2.      I'd recommend adding the content of the @import'ed file to the
  3.      top of this CSS file, to avoid hitting the github servers every
  4.      time you load the page! **/
  5. @import "https://necolas.github.io/normalize.css/3.0.2/normalize.css";
  6.  
  7. /*** Styling for your tables follows: ***/
  8. body {
  9.   text-align: center;
  10. }
  11.  
  12. h1 {
  13.   font-size: 1.5em;
  14. }
  15.  
  16. table {
  17.   max-width: 80%;
  18.   margin: 0 auto;
  19.   line-height: 2em;
  20.   text-align: left;
  21. }
  22.  
  23. th:before {
  24.   content: "\21c5";
  25.   color: #ccc;
  26.   margin-right: .2em;
  27. }
  28.  
  29. table, th {
  30.   border: 0;
  31. }
  32.  
  33. tr, td {
  34.   border: 1px solid #eee;
  35. }
  36.  
  37. th, td {
  38.   padding: 0 0.5em;
  39. }
  40.  
  41. th {
  42.   background-color: #545c61;
  43.   color: #fff;
  44. }
  45.  
  46. td {
  47.   background-color: #fff;
  48. }
  49.  
  50. td:nth-child(odd) {
  51.   background-color: #d3e6f2;
  52. }
  53.  
  54. caption {
  55.   color: #444;
  56. }

This will give you something like this:
tables.png

Pages: prev1 2 [3] 4 5 6 7 8 ... 77next
Go to full version