Weather by You!

Templates and Projects support => Html Templates => Topic started by: Rong on November 01, 2012, 05:32:49 PM

Title: Text and icon alignment in table
Post by: Rong on November 01, 2012, 05:32:49 PM
Hi Jacques

I've recently installed Blue for my weather site, www.southlophamweather.co.uk and have made quite a few minor changes but one thing is frustrating me, on my About page I have moved the New Records data feed to the box previously being update by the NOAA data. Despite everything that I have tried I just cannot get the text and indicators to line up as in the other record boxes. Please advise me where I am going wrong.
I've attached a screen shot of the problem.

Many thanks

Ron
Title: Re: Text and icon alignment in table
Post by: Rong on November 02, 2012, 03:53:28 PM
Any ideas how I can sort this?
Title: Re: Text and icon alignment in table
Post by: Mr.Meteo on November 03, 2012, 08:33:20 AM
Hi Ron,

Sorry for delay, these weeks I'm out of home for business and bring only a Pad
(Then no "Power tools" available to see inside your page to view problem)

Today I see the problem, your idea to replace NOAA box was great, but you haven't used
correct table syntax, when we want to work with tabular data for formatting aligned
columns, we have to do a table structure, as this:

<table>                           <!-- That line indicate begining of a table -->
   <col width="999px />    <!-- See comment below -->
   <tr>                             <!-- that is begin of a row -->
      <td>....</td>             <!-- That is a column, row could have many column -->
   </tr>                            <!-- Row end indicator -->
</table>                          <!-- Table end indicator -->

As you see in red, you simply forget to use TABLE begin and end tags.
Also a little thing to know, you see in green a column definition used frequently
in tables. This tag define column formatting, begining with first one. In this example,
I just define width of first column to "push" second column at a fixed position by
specifying that the first column have a fixed width, whatever size of text is in it.
(And as last column has nothing special, I don't have to include a 2nd COL line)

Then, as you see, a pretty simple correction to do!

Regards,
Jacques
Title: Re: Text and icon alignment in table
Post by: Rong on November 03, 2012, 11:00:27 AM
Hi Jacques

Thanks for that, a simple mistake but fixed now!

Ron