My Account
Tide Tables for 706 UK Locations

My Favourites:

Log in to your free account to set some favourite tide locations.

Popular Locations

Resources

The Site

Tide Times on your Website

If you own a website, you can show today's tide times using a simple JavaScript widget.

The widget has the following features:

  • Always up-to-date - nothing for you to maintain.
  • Cross-browser compatible.
  • Easy to install - just one line of code.

Instructions

Showing a Tide Times widget on your website is a three-step process:

  1. Select the desired location from the list below.
  2. Copy the web code from the bottom box into your website document.
  3. Upload and enjoy!

Customisation

You can customise your widgets's appearance by setting some JavaScript variables before the include:

Variable   Default   Description
tt_width   158px   Width of the widget in pixels
tt_height   218px   Height of the widget in pixels
tt_corner   4px   Outer corner radius in pixels
tt_border   1px solid #888888   Widget border style
tt_bgnd   #dddddd   Background colour, image etc
tt_fgcol   #333333   Title/Date colour
tt_font_h2   bold 14px sans-serif   Font for widget location title
tt_font_h3   bold 12px sans-serif   Font for date line
tt_font   normal 12px arial,sans-serif   Font for 'Tide' and 'Height' columns
tt_font2   bold 14px arial,sans-serif   Font for 'Time' column

All variables should be strings and should match the above. You can use most CSS options to replace the defaults.

Customisation Example

To display the widget for Grimsby, 200 pixels wide with a thick red border, you might use the following:

Get the Code

Choose a location from the list below, and the one line code snippet will appear in the Widget Code box:

Choose a Location:

Your Widget Code:

Sample Widget

Here's how a widget should appear with no customisation.