tide times

remove ads

Tide Tables for 709 UK Locations

Popular Locations

Resources

The Site

256-Bit SSLSecure Browsing

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.

remove ads

Instructions

Showing a Tide Times widget on your website is as easy as 1-2-3!

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

Customisation

You can customise your widget'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 and white background, you might use the following:

<script type="text/javascript">
  var tt_border = '4px solid #cc0000';
  var tt_bgnd   = '#ffffff';
  var tt_width  = '200px';
</script>
<script src="https://www.tidetimes.org.uk/grimsby-tide-times.js" type="text/javascript"></script>

Choose a Location:

Your Widget Code:

Example Widget

Here's what the default widget should look like before customisation:

©2009-2020 Dick Dolby, all rights reserved. No part of this website may be reproduced without permission.

This web-site has been derived in part from material obtained from the UK Hydrographic Office with the permission of the UK Hydrographic Office and Her Majesty's Stationery Office
NOTICE: The UK Hydrographic Office (UKHO) and its licensors make no warranties or representations, express or implied, with respect to this product.
The UKHO and its licensors have not verified the information within this product or quality assured it.
©British Crown Copyright, 2019