Skip to content
View in the app

A better way to browse. Learn more.
Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

links

elibou
in Website Design and UX

Featured Replies

hi ye folks

 

just wondering if somebody could solve a riddle for me. i want to put links inside a div with thumbnails in it. i want the link to be the title of the thumbnails (photographs) & to link to a page with the full range of images. for some reason when i add the link it doesn't perform when i click on it.

 

any ideas why?

Link or code would be helpful.

  • Author

Link or code would be helpful.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/unicorn.dwt" codeOutsideHTMLIsLocked="false" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="unicorn design sophie rieu clothes with a conscience" />
<meta name="keywords" content="sophie rieu, women's wear, irish designers, french designers, CIFD, ethical clothing, dublin, ireland, unicorn design, garden of unicorn,"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>unicorn design</title>
<!-- InstanceEndEditable -->
<script type="text/javascript" src="includes/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="includes/jquery.imgpreload.min.js"></script>
<script type="text/javascript" src="includes/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="includes/gallery.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="includes/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<link href="gallery.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
font-size: 0.75em;
}
a:hover {
color: #666
}
-->
</style>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.gallery_thumbnails {
width: 651px;

}
.collection_thumbnails {
padding-top: 120px;
}
-->
</style>
<!-- InstanceEndEditable -->
<!-- InstanceParam name="thumbnails" type="boolean" value="true" -->
<!-- InstanceParam name="galleryPreview" type="boolean" value="false" -->
<!-- InstanceParam name="thumbs" type="boolean" value="true" -->
</head>

<body>
<div class="page_container">
 <div class="logo"><!-- InstanceBeginEditable name="logo" --><img src="images/logo/unicorn logo_9.jpg" width="276" height="80" alt="unicorn-logo" /><!-- InstanceEndEditable --></div>
<div class="gallery_content"><!-- InstanceBeginEditable name="EditRegion3" -->
 <div class="gallery_thumbnails"><a href="../images/photos/petal_1_fullsize.jpg"title="petal"><img src="images/photos/petal_1_thumbs.jpg" width="50" height="50" alt="petal" /></a> <a href="../images/photos/petal2_1_fullsize.jpg"title="petal number 2"><img src="images/photos/petal2_1_thumbs.jpg" width="50" height="50" alt="petal 				number 2" /></a> <a href="../images/photos/ruffles_1_fullsize.jpg"title="ruffles" class="selected"><img src="images/photos/ruffles_1_thumbs.jpg" alt="ruffles" width="50" height="50" /></a> <a href="../images/photos/thea_1_fullsize.jpg"title="thea"><img src="images/photos/thea_1_thumbs.jpg" width="50" height="50" alt="thea" /></a> <a href="../images/photos/unicorn_fullsize.jpg"title="unicorn"><img src="images/photos/unicorn_thumbs.jpg" width="50" height="50" alt="unicorn" /></a><a href="images/photos/valentine-tied_1_fullsize.jpg" title="valentine"><img src="images/photos/valentine-tied_1_thumbs.jpg" width="50" height="50" alt="valentine tied" /></a> <a href="images/photos/valentine-untied_fullsize.jpg" title="valentine untied"><img src="images/photos/valentine-untied_thumbs.jpg" width="50" height="50" alt="valentine untied" /></a> <a href="images/photos/web-shell&coral_1_fullsize.jpg" title="shell & coral"><img src="images/photos/web-shell&coral_1_thumbs.jpg" width="50" height="50" alt="shell & coral" /></a> <a href="images/photos/web-sundress_1_fullsize.jpg" title="sundress"><img src="images/photos/web-sundress_1_thumbs.jpg" width="50" height="50" alt="sundress" /></a> <a href="images/photos/shell&sybil_top_fullsize.jpg" title="shell & sybil top"><img src="images/photos/shell&sybil_top_thumbs.jpg" width="50" height="50" alt="shell & sybil top" /></a><div class="collection_title">spring summer 2011</div><div class="collection_thumbnails">

   <a href="images/photos/bonnie_fullsize.jpg" title="bonnie"><img src="images/photos/bonnie_thumbs.jpg" width="50" height="50" alt="bonnie" /></a>
<a href="images/photos/calypso_fullsize.jpg"title="calypso"><img src="images/photos/calypso_thumbs.jpg" width="50" height="50" alt="calypso" /></a>
<a href="images/photos/calypso-tweed_fullsize.jpg" title="calypso-tweed"><img src="images/photos/calypso-tweed_thumbs.jpg" width="50" height="50" alt="calypso-tweed"/></a>
<a href="images/photos/camel_fullsize.jpg" title="camel"><img src="images/photos/camel_thumbs.jpg" width="50" height="50" alt=" camel" /></a>
<a href="images/photos/candy&eye_fullsize.jpg" title="candy & eye"><img src="images/photos/candy&eye_thumbs.jpg" width="50" height="50" alt="candy & eye"/></a>
<a href="images/photos/cowl_fullsize.jpg" title="cowl"><img src="images/photos/cowl_thumbs.jpg" width="50" height="50" alt="cowl" /></a>
<a href="images/photos/diva1_fullsize.jpg" title="diva"><img src="images/photos/diva1_thumbs.jpg" width="50" height="50" alt="diva"/></a>
<a href="images/photos/diva2_fullsize.jpg" title="diva"><img src="images/photos/diva2_thumbs.jpg" alt="diva" width="50" height="50" class="selected" /></a><a href="images/photos/femina&calypso_fullsize.jpg" title="femina & calypso"><img src="images/photos/femina&calypso_thumb_thumbs.jpg" width="50" height="50" alt="femina & calypso"/></a>

<a href="images/photos/femina&turnup_fullsize.jpg" title="femina & turnup"><img src="images/photos/femina&turnup_thumbs.jpg" width="50" height="50" alt ="femina & turnup"/></a>
<div class="collection_title">autumn winter 2010</div></div></div>
<!-- InstanceEndEditable --></div>

 <div class="gallery_side">

 	<ul id="MenuBar1" class="MenuBarVertical">
     <li><a href="collections.html">collections</a>      </li>

<li><a href="about.html">about</a></li>
 	  <li><a href="press.html">press</a>      </li>
 	  <li><a href="index.html">home</a></li>
       <li><a href="#" class="MenuBarItemSubmenu">contact</a>
       <ul>
         <li><a>sophierieu@unicorndesign.net</a></li>
         <li><a>the garden of unicorn</a></li>
         <li><a>00-353-(0)1-2010510</a></li>
       </ul>
     </li>
   </ul>
 	<p> </p>
</div>


 <div class="clear_both"></div>
 <div class="gallery_contact">
</div>
 <div class="gallery_caption"></div>
<div class="clear_both"></div>
 <div class="gallery_contact_1">
 <p> web page design by elizabeth bourke</p></div>
 <div class="gallery_preload_area"></div>
 <div class="gallery_bottom"> </div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
<!-- InstanceEnd --></html>

Guest
This topic is now closed to further replies.
Go to topic listing

Account

Navigation

Search

Search

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.