Author Topic: Text and icon alignment in table  (Read 7142 times)

Offline Rong

  • New member
  • *
  • Posts: 8
    • South Lopham Weather
Text and icon alignment in table
« 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

Offline Rong

  • New member
  • *
  • Posts: 8
    • South Lopham Weather
Re: Text and icon alignment in table
« Reply #1 on: November 02, 2012, 03:53:28 PM »
Any ideas how I can sort this?

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Text and icon alignment in table
« Reply #2 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
Please, consider supporting this site 

Offline Rong

  • New member
  • *
  • Posts: 8
    • South Lopham Weather
Re: Text and icon alignment in table
« Reply #3 on: November 03, 2012, 11:00:27 AM »
Hi Jacques

Thanks for that, a simple mistake but fixed now!

Ron