Ok, it’s got me stumped but I’m sure it can be done,
a bit of simple html
<body>
<p align="Center"><b>
ROGUES GALLERY
</b></p>
<table align="center" border="1" width ="100%" cellspacing="0" cellpadding="0">
<tr align="center" height="200">
<td width="25%">
<a href="gallery001.jpg"><img src="gallery001s.jpg"></img></a>
</br>
Dave 'I was just told to stand here'
</td>
<td width="25%">
<a href="gallery002.jpg"><img src="gallery002s.jpg"></img></a>
</br>
Some text about the picture and who is in it
</td>
<td width="25%">
<a href="gallery003.jpg"><img src="gallery003s.jpg"></img></a>
</br>
Team Photo
</td>
<td width="25%">
<a href="gallery004.jpg"><img src="gallery004s.jpg"></img></a>
</br>
Some text about the picture and who is in it
</td>
</tr>
</table>
</body>
What I want to do is have the text associated with each picture located at the top of the document so it’s all in one place to change. I’m going to be leaving this for other slightly less aware people to do (read stupid).
for html (client side) it would probably be easiest to use javascript variables, the much easier solution is server side it and use php (in my opinion) and it would probably be easier for someone else to pickup …
give me ten mins, on a call at the moment
//edit - not sure if this makes it easier or not !!
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript1.2">
var txt1 = "some text one";
var txt2 = "some text two";
</script>
</head>
<body>
<p>Hello and welome,</p>
<p>text one<br /><script type="text/javascript" language="javascript1.2">document.write(txt1);</script></p>
<p>text two<br /><script type="text/javascript" language="javascript1.2">document.write(txt2);</script></p>
</body>
</html>
What did the final result look like? Couldn’t quite see what you wanted Damski (must be thick this morning!!)
/edit Forget it. Thicky got it in the end.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript1.2">
var txt1 = "Picture of the road outside";
var txt2 = "The Road at Night";
var txt3 = "Speedo at 100K";
var txt4 = "Linux at Asda";
</script>
</head>
<body>
<CENTER><p><STRONG>ROGUES GALLERY</STRONG></p></CENTER>
<table align="center" border="1" width ="100%" cellspacing="0" cellpadding="0">
<tr align="center" height="200">
<td width="25%">
<a href="gallery001.jpg"><img src="gallery001s.jpg"></img></a>
</br>
<p>ONE<br /><script type="text/javascript"
language="javascript1.2">document.write(txt1);</script></p></td>
<td width="25%">
<a href="gallery002.jpg"><img src="gallery002s.jpg"></img></a>
</br>
<p>TWO<br /><script type="text/javascript"
language="javascript1.2">document.write(txt2);</script></p></td></tr>
<tr align="center" height="200">
<td width="25%">
<a href="gallery003.jpg"><img src="gallery003s.jpg"></img></a>
</br><p>THREE<br /><script type="text/javascript"
language="javascript1.2">document.write(txt3);</script></p></td>
<td width="25%">
<a href="gallery004.jpg"><img src="gallery004s.jpg"></img></a>
</br><p>FOUR<br /><script type="text/javascript"
language="javascript1.2">document.write(txt4);</script></p></td></tr>
</table>
</body>
</html>
The next thing I would put in is a way that when you click on the pic to see the bigger pic you have a means of clicking on the new big pic to return to the original page.
