Images not showing as links

Pande · 26-Mar-2008, 07:50 PM #1

Hi there... some of you may remember my opacity problems... well now that its over, I got a new one. I successfully made a nice looking gallery of images on a webpage. The flicker nicely now when I highlight them, just as I wanted.

But I then made them all into links (since they are thumbnails) and it no longer shows. Now that area is blank, as if the table they are in does not exist.

Here is the problemed page:

http://www.themappingacademy.bravehost.com/gallery.html

and here is the code:

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" href="http://themappingacademy.bravehost.com/GridCSS.css"><title>The Mapping Academy - Gallery</title></head><body>
<div class="vertmenu">
<p class="page">Sections:</p>
<ul class="page">
<li><a href="http://www.themappingacademy.bravehost.com/index.html">Main</a></li><br>
<li><a href="http://z9.************.com/mappingacademyforums">Forums</a></li><br>
<li><a href="http://www.themappingacademy.bravehost.com/gallery.html">Gallery</a></li><br>
<li><a href="http://www.themappingacademy.bravehost.com/tutorials.html">Tutorials</a></li><br>
<li><a href="http://www.themappingacademy.bravehost.com/theory.htm">Theory</a></li></br>
</ul>

<p class="page">Image of the week:</p>
<p class="page">By: Pande</p>
<p class="page">Stop by the forum and submit your own images for this section! Sizes don't matter.</p>
</div>



<div class="divmain">
<img class="logo" src="http://img247.imageshack.us/img247/9886/logogreenzb4.jpg">
<h1>The Gallery</h1>

<p>Hi! This is where I showcase my personal maps. The images are links. :)
The title leads you to the FileFront page, so you can see the reviews and comments, and if the file is not on FileFront it will be hosted somewhere else. Unless its a special map and for some reason (such as a clan/group related map) is not put up to clutter FileFront's pages. :)

For the sake of you old computer, I only put my latest work on the main gallery page. Everything else can be found on their own seperate pages on the links at the bottom of the page. The images will probably take a while to load, but should be faster once they are in your browsers Cache. :) Feel good! I have to empty my cache every time I change something on this website. :s

<h2><a href=http://jediknight3.filefront.com/file/Massassi_Ruins_Duel_Arena;88360>Massassi Ruins Duel Arena</a></h2>
<center>
<table>
<td>
<tr><a href='http://themappingacedemy.bravehost.com/88360_1.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_1.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_2.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_2.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_3.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_3.jpg'></a></tr>
</td>
<td>
<tr><a href='http://themappingacedemy.bravehost.com/88360_4.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_4.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_5.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_5.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_6.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_6.jpg'></a></tr>
</td>
<td>
<tr><a href='http://themappingacedemy.bravehost.com/88360_7.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_7.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_8.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_8.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_9.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_9.jpg'></a></tr>
</td>
<td>
<tr><a href='http://themappingacedemy.bravehost.com/88360_10.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_10.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_11.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_11.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_12.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_12.jpg'></a></tr>
</td>
<td>
<tr><a href='http://themappingacedemy.bravehost.com/88360_14.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_14.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_15.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_15.jpg'></a></tr>
<tr><a href='http://themappingacedemy.bravehost.com/88360_16.jpg><img class="gallery" src='http://themappingacademy.bravehost.com/88360_16.jpg'></a></tr>
</td>
</table></center>

<p>Previous Entries:</p>
<p>They're are no previous entries as of yet.</p>
</div>
</body>
</html>

Is there something special to making images links? Because I just surrouned an img in link tags and it no longer works.

Thanks for you time,

Pande

Sequal7 · 27-Mar-2008, 11:34 AM #2

Hmm. First, none of your links have an opening or closing quote.

<a href='http://themappingacedemy.bravehost.com/88360_1.jpg'>

Second, the link may be overriding the image class, you may have to add that class to the link attributes instead of the images.

<a href='http://themappingacedemy.bravehost.com/88360_1.jpg' class='gallery' >

Search
Search in:
Show Threads Show Posts
Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)