1 reply [Last post]
rhibi
rhibi's picture
Offline
newbie
Last seen: 3 years 18 weeks ago
Timezone: GMT+9.5
Joined: 2016-06-07
Posts: 1
Points: 2

/* Thumbnails */
 
	.thumbnails {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
 
 
	-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		position: relative;
		margin: 0 0 2em -2em;
	}
 
 
 
.thumbnails a {
			-moz-transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			transition: 
 
all 0.2s ease;
			border-bottom: none;
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
			text-align: center;
 
 
		border-radius: 4px;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.075);
			background-color: rgba(255, 255, 255, 0.075);
 
 
cursor: pointer;
			outline: 0;
			overflow: hidden;
		}
 
			.thumbnails a img {
				display: block;
 
 
		width: 100%;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
			}
 
			.thumbnails 
 
a h3 {
				margin: 1em;
			}
 
			.thumbnails a:hover {
				background-color: rgba(255, 255, 255, 0.25);
 
 
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #FF6382;
			}
 
		.thumbnails > div {
			display: -moz-flex;
 
 
display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
 
 
	-ms-flex-direction: column;
			flex-direction: column;
			width: calc(100% / 3);
			padding-left: 2em;
		}
 
 
 
.thumbnails > div > :last-child {
				margin-bottom: 0;
			}
 
 

<!-- Thumbnails -->
							<section class="thumbnails">
								<div>
									<a href="images/fulls/01.jpg">
										<img src="images/thumbs/01.jpg" alt="" />
										<font color=black><a 
 
href="http://thebartonaquatic.com/index.html">Lap Swimming and Hydrotherapy Information</font></a>
									</a>
								</div>

What happens when you click on the image is that it opens to a black square and not a webpage.

Please help!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 14 hours 6 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi rhibi, Change the href

Hi rhibi,
Change the href value in <a href="images/fulls/01.jpg"> to the website address you want to go.
eg.<a href="https://csscreator.com">
As long as there is JavaScript interfering with the click event you should be fine.