HTML - Move Images With Hover

Hi all.

Please look at:
http://bartending.com/drinks_recipes/Sangria.html

The box towards the bottom of the middle section which starts out as:
1 Comment

is a <tr><td> in a table, however, I can't get it to move closer to the one above it. I tried adding style="margin-bottom:0px;" to the previous <tr>, but that didn't work either.

Any help you have would be much appreciated =)

Light and Love and Healing to you,
-Patrick Arden McNally

I've been trying to move the top navigation on this website I'm creating for a restaurant, but it won't move right.

Here is the index page:

http://www.organicgardencafe.com/web...02-3-2010.html


and the css:


#color1 a:link{ color:#03F; text-decoration:none; font-weight:normal; }
#color1 a:visited { color:#03F; text-decoration:none; font-weight:normal; }
#color1 a:hover {color:#39F; text-decoration:none; font-weight:normal;}
#color1 a:active {color:#03F; font-weight:normal; }

#color2 a:link{ color:#FFF; text-decoration:none; font-weight:normal; }
#color2 a:visited { color:#FFF; text-decoration:none; font-weight:normal; }
#color2 a:hover {color:#e4cb54; text-decoration:none; font-weight:normal;}
#color2 a:active {color:#FFF; font-weight:normal; }



body{
background-color:#e4cb54;

}

div.temp{
background-position: center top;
background-image:url(images/blanktemplate.jpg);
background-repeat:no-repeat;
height:960px;
width:1440px;
}

navigation bar --!>

li.home{
margin-left:100px;
}

li.about{
margin-left:38px;
}

li.menu{
margin-left:40px;

}
li.knowledge{
margin-left:38px;
}

li.ordering{
margin-left:36px;
}

li.classes{
margin-left:40px;
}

li.press{
margin-left:28px;

}





#major_nav ul li {
float:left;
display:inline;
font-family:Helvetica;
font-size:16px;
color:#FFF;
;


}

#major_nav ul {
margin-left: 200px;
margin-top:10px;
width:900px;
}




#news ul li a{
list-style-type:none;
}

#mission{

font-family:Helvetica;
font-size:13px;
float:right;
width: 230px;
height:300px;
clear:left;
margin-right:12px;
text-align:justify center;
margin-top:35px;


}

#pictures{
margin-right:185px;
margin-left:10px;
float:right;
clear:both;
width:503px;
margin-top:98px;

}

#whatsnew{
float:right;
width: 50px;
clear:left;
margin-top:115px;
margin-right:20px;

}

#new1{
float:right;
clear:left;
margin-right:10px;
margin-left:50px;
margin-top:115px;
}

#new2{
float:right;
clear:both;
margin-right:260px;
margin-left:10px;
margin-top:115px;
}



div.newsletter{
font-family:Arial Narrow Normal, sans-serif;
color:#404e3e;
font-size:24px;
margin-left:280px;
margin-top:140px;
margin-bottom:0px;

}

li.follow{
font-family:Arial Narrow Normal, sans-serif;
color:#404e3e;
font-size:24px;
margin-left:238px;
margin-top:20px;
margin-bottom:0px;
}

div.giftcards{
font-family:Arial Narrow Normal, sans-serif;
color:#404e3e;
font-size:20px;
margin-left:275px;
}

div.info{
font-family: Helvetica;
font-size:14px;
color:#FFF;
margin-left:275px;
margin-top:5px;
}

div.boston{
margin-left:270px;

}


.blue{
color:#039;
font-size:17px;
text-align:center;
}

.new_sub1{
display:inline;
font-family:Helvetica;
font-size:20px;
color:#10155d;
margin-bottom:10px;

}

.new_sub2{

display:inline;
font-family:Helvetica;
font-size:14px;

}

.new_sub3{
display:inline;
font-family:Helvetica;
font-size:13px;
}


.email_list{
list-style-type:none;
margin-left:240px;

}

.email_sub1{
font-family:Helvetica;
font-size:14px;
margin-top:0px;
}

.email_sub2{
font-family: ;
font-size:14px;
margin-top:10px;
}

.email_sub3{
font-family: Helvetica;
font-size:14px;
color:#FFF;
margin-top:7px;
margin-bottom:40px;

}



.new2_sub1{
display:inline;
font-family:Helvetica;
font-size:20px;
color:#10155d;


}



.new2_sub2{
font-size:13px;
font-family:Helvetica;
margin-top:20px;
list-style-type:circle;
margin-left:15px;
}

.new2_sub3{
display:inline;
font-family:Helvetica;
font-size:13px;
margin-left:18px;
}

.adress{
text-align:center;
color:#404e3e;
margin-top:40px;
margin-right:450px;
float:right;
clear:both;
}

I'm trying to transfer the work i did on one page and move it to my new page.


I want to move this content:


Code:

<ul >
 <p><strong>Alberta</strong></p>
 <li>Airdrie</li>
 <li>Brooks</li>
 <li>Calgary</li>
 <li>Camrose</li>
 <li>Cochrane</li>
 <li>Edmonton</li>
 <li>Fort McMurray</li>
 <li>Grande Prairie</li>
 <li>Leduc</li>
 <li>Lethbridge</li>
 <li>Medicine Hat</li>
 <li>Okotoks</li>
 <li>Red Deer</li>
 <li>Saint Albert</li>
 <li>Spruce Grove</li>
</ul>

 <ul>
  <p><strong>British Columbia</strong></p>
 <li>Abbotsford</li>
 <li>Campbell River</li>
 <li>Chilliwack</li>
 <li>Courtenay</li>
 <li>Duncan</li>
 <li>Kamloops</li>
 <li>Kelowna</li>
 <li>Nanaimo</li>
 <li>Penticton</li>
 <li>Port Alberni</li>
 <li>Prince George</li>
 <li>Vancouver</li>
 <li>Vernon</li>
 <li>Victoria</li>
 <li>White Rock</li> 
 </ul>
 
 <ul>
  <p><strong>Manitoba</strong></p>
 <li>Altona</li>
 <li>Brandon</li>
 <li>Dauphin</li>
 <li>Flin Flon</li>
 <li>Morden</li>
 <li>Neepawa</li> 
 <li>Selkirk</li>
 <li>Steinbach</li>
 <li>Stonewall</li>
 <li>Swan River</li>
 <li>The Pas</li>
 <li>Thompson</li>
 <li>Virden</li>
 <li>Winkler</li>
 <li>Winnipeg</li>
 </ul>

<ul>
  <p><strong>New Brunswick</strong></p>
 <li>Bathurst</li>
 <li>Campbellton</li>
 <li>Caraquet</li>
 <li>Dalhousie</li>
 <li>Edmundston</li>
 <li>Fredericton</li>
 <li>Grand Falls</li>
 <li>Moncton</li>
 <li>Oromocto</li>
 <li>Saskvillee</li>
 <li>Saint John</li>
 <li>Saint Stephen</li>
 <li>Shediac</li>
 <li>Sussex</li>
 <li>Woodstock</li>
 </ul>
 
 <ul>
  <p><strong>Newfoundland and Labrador</strong></p>
 <li>Bay Roberts</li>
 <li>Carbonear</li>
 <li>Channel-Port aux Basques</li>
 <li>Conception Bay South</li>
 <li>Corner Brook</li>
 <li>Gander</li>
 <li>Goose Bay</li>
 <li>Grand Bank</li>
 <li>Grand Falls-Windsor</li>
 <li>Labrador City</li>
 <li>Marystown</li>
 <li>Mount Pearl</li>
 <li>Paradise</li>
 <li>Saint Johns</li>
 <li>Stephenville</li>
 </ul>

Code:

ul {
  float: left;
  width:auto
  list-style-type: none;
}

To this page:


Code:

<div id="content">
	
	 <span>
	<ul style="list-style-type: none; display: inline-block;">
      <li><strong>Alberta</strong></li>
      <li><strong>British Columbia</strong></li>
      <li><strong>Manitoba</strong></li>
      <li><strong>New Brunswick</strong></li>
      <li><strong>Newfoundland and Labrador</strong></li>
      <li><strong>Nova Scotia</strong></li>
      <li><strong>Ontario</strong></li>
     
   </ul>

   <ul style="list-style-type: none; display: inline-block;">
      <li>Calgary</li>
      <li>Kamloops</li>
      <li>Altona</li>
      <li>Bathurst</li>
      <li>Bay Roberts</li>
      <li>Amherst</li>
      <li>city name</li>
      <li>Edmonton</li>
      <li>Kelowna</li>
      <li>Brandon</li>
      <li>Campbellton</li>
      <li>Carbonear</li>
      <li>Antigonish</li>
      <li>city name</li>
      <li>Lethbridge</li>
       <li>Nanaimo</li>
      <li>Dauphin</li>
      <li>Caraquet</li>
      <li>Channel-Port</li>
      <li>Bridgewater</li>
      <li>city name</li>
      <li>Red Deer</li>
      <li>Penticton</li>
      <li>Flin Flon</li>
      <li>Dalhousie</li>
      <li>aux Basques</li>
      <li>Glace Bay</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>Prince Rupert</li>
      <li>Morden</li>
         <li>Edmundston</li>
      <li>Conception Bay</li>
      <li>Halifax</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>Tofino</li>
      <li>Neepawa</li>
      <li>Fredericton</li>
      <li>South</li>
      <li>Kentville</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>Vancouver</li>
      <li>Selkirk</li>
      <li>Grand Falls</li>
      <li>Corner Brook</li>
      <li>New Glasgow</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>Victoria</li> 
      <li>Steinbach</li>
      <li>Moncton</li>
      <li>Gander</li>
      <li>New Waterford</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>Whistler</li>
      <li>Stonewall</li>
      <li>Oromocto</li>
      <li>Goose Bay</li>
      <li>Pictou</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>Williams Lake</li>
      <li>Swan River</li>
      <li>Sackville</li>
      <li>Grand Bank</li>
      <li>Port Hawkesbury</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>The Pas</li>
      <li>Saint John</li>
      <li>Saint John</li>
      <li>Grand Falls</li>
      <li>Springhill</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>Thompson</li>
      <li>Saint Stephen</li>
      <li>-Windsor</li>
      <li>Sydney</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>Virden</li>
      <li>Shediac</li>
      <li>Marystown</li>
      <li>Sydney Mines</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>Winkler</li>
      <li>Sussex</li>
      <li>Mount Pearl</li>
      <li>Truro</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>Winnipeg</li>
      <li>Woodstock</li>
      <li>Paradise</li>
      <li>Yarmouth</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>Saint Johns</li>
      <li>&nbsp;</li>
      <li>city name</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>&nbsp;</li>
      <li>Stephenville</li>
      <li>&nbsp;</li>
      <li>city name</li>
      <li>&nbsp;</li>   
   </ul>
   
   &nbsp;
  
   <hr>
   
  &nbsp;
   
    <ul style="list-style-type: none; display: inline-block;">
      
      <li><strong>Prince Edward Island</strong></li>
      <li><strong>Quebec</strong></li>
      <li><strong>Saskatchewan</strong></li>
   </ul>

   <ul style="list-style-type: none; display: inline-block;">
      <li>city name</li>
      <li>city name</li>
      <li>city name</li>
    </ul>
   
   
   
<span>
		
	</div><!-- End content-->

Code:

@charset "UTF-8";
/* CSS Document */

#wrapper {
	background-color:#FFF;
	width: 780px;
	margin: auto;
}

/* --- navigation starts --- */

#header {
	width: 100%;
	height: 229px;
	margin: auto;
}	

#header img {
	width: 100%;
	height: 100%;
}

ul {
    display: block;
    width: 100%;
    font-family: Arial, Verdana;
   font-size: 14px;
    margin: 0;
   padding: 0;
   list-style: none;
}

ul li {
	width: 111px;
	text-align: center;
	display: block;
	position: relative;
	float: left;
}

li ul { 
    display: none;
	position: relative;
    z-index: 1;
    
	
}

ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	padding: 5px 15px 5px 15px;
	background: #2C5463;
	margin-left: 1px;
	white-space: nowrap;
}

ul li a:hover { 
	background: #617F8A; 
}

li:hover ul {
	display: block;
	position: absolute;
}

li:hover li {
	float: none;
	font-size: 11px;
}

li:hover a { 
	background: #617F8A; 
}

/* --- navigation ends --- */

/* --- information starts --- */

#content
{
	position: relative;
	top: 40px;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
}




#footer {
	margin-top: 100px;
	text-align: center;
}	

/* --- information ends --- */

	
/* --- Advertising starts --- */

#adverts {
	width: 95%;
	margin: auto;
	text-align: center; /* Only to align alternate image text for visulization */
}

#adverts #addWarning {
	float: left;
	font-size: smaller;
}	

#adverts #single {
	clear: both;
}	

#adverts #single img {
	width: 100%;
}

#adverts .double img {
	width: 50%;
	display: inline-block;
	float: left;
}

#adverts .trible img {
	width: 33%;
	display: inline-block;
	float: left;
}



/* --- Advertising Ends --- */

I have a review page at:
http://www.bestsellersworld.com/revi...ightingale.htm

I had something under the Amazon.com buy box but removed it. Now I have a space there. I would like the text that starts "What is different about these bodies? " to move over to the left. How can I do this?

Hello. I have text at the top right, "A Site for All Nations to Share their Knowledge!" and I need to move it to the left a bit so its not overlapping the sun image.

I appreciate You!

I have a basic search engine and the results page is a list of the results. The top of the results page is the header, listing the categories while the rest of the page is just a nested loop getting data from the database and listing it in the columns. Does anyone know how to make the header section not move when I scroll down? I would like to have it stay at the top no matter what while I scroll through the list of results.

Thanks for your time, sorry if this is a really simple question, or if this is in the wrong forum.

i have an <object> that i would like to move up and down along with the user's reading so that the links menu is always there for them, does any1 know a way i can set this up cuz that would be the coolest thing ive seen banners that do this but couldnt figure out the exact code causing the effect on the page

hi, as i try to make a round html table, i encounter a problem with a space, i donna want to make this in css!. Pls someone can help me out with it?

Code:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<link rel='stylesheet' href='style.css' type='text/css' />
<title>Awortinkos</title>


<!--Fireworks CS3 Dreamweaver CS3 target.  Created Sun Feb 17 22:55:26 GMT+0500 (West Asia Standard Time) 2008-->
</head>
<br> <table align='center' width='60%' cellspacing="4" cellpadding='0'>
         <tr>
         <td align='center'  width='80%'>
<table width="900" align=center cellpadding="0" cellspacing="0" border="0"
style="background-color: #393939; border-bottom-width:0px">
<tr>
<td width="14"><img src="http://www.awortinkos.com/test2/images/1.gif" width="14" 
height="14" border="0" alt="..." /></td>

<td width="171" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2">
<p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">chatroom</font></b></td>

<td width="701" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2">
<p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">content</font></b></td>

<td width="14"><img src="http://www.awortinkos.com/test2/images/2.gif" width="14"
height="14" border="0" alt="..." /></td>

</tr>

<td>&nbsp;</td>
</table>
<body bgcolor="#eeeee4" topmargin="0" valign=top leftmargin="0">
<div align="center">
  <center>
<table border="0" cellpadding="0" cellspacing="0" width="927" >
<!-- fwtable fwsrc="temp.png" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "355425286" fwnested="0" -->
  <tr>
   <td width="13"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td>
   <td width="6"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="6" height="100%" border="0" alt="" /></td>
   <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="165" height="1" border="0" alt="" /></td>
   <td width="527"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="484" height="1" border="0"  ></td>
   <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="166" height="100%" border="0" alt="" /></td>
   <td width="7"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
   <td width="14"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td>
   <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td rowspan="6" width="13" >&nbsp;</td>
   <td rowspan="6" valign="top" bgcolor="#393939" width="6">&nbsp;</td>
   <td valign="top" width="179">
	
		</td>
   <td colspan="2" valign="top" width="706">
	
		<p align="center"></td>
   <td rowspan="8" valign="top" bgcolor="#393939" width="6">&nbsp:</td>
   <td rowspan="6" &nbsp;</td width="14">
   <td width="2" rowspan="4"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="168" border="0" alt="" /></td>
  </tr>
  <tr>
   <td valign="top" width="179" rowspan="2">
	
		&nbsp;</td>
   <td colspan="2" valign="top" width="706">
	
		&nbsp;</td>
   </tr>
<tr>
   <td colspan="2" valign="top" width="706" rowspan="2">
	
		&nbsp;<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</td>
   </tr>
<tr>
   <td valign="top" width="179">
	
		&nbsp;<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</td>
   </tr>
  <tr>
   <td colspan="3">
   <table border="0" cellpadding="6" cellspacing="0"   width="100%" background="images/menu_back.jpg">
    <tr>
       <td width="100%" align="right">&nbsp;</td>
     </tr>
    <tr>
       <td width="100%" align="right" bgcolor="#393939">&nbsp;</td>
     </tr>
   </table>

   </td>
   <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>

I found this script I like and want tou use. But I want to move the CSS from the the HTML file to it's own CSS file.

hello the original website is 'http://www.buddysauctions.com/ and when u scroll down you can see that the "Member Login" box is on the left. I wanna move it to the right like me photoshop print screen


i know that i have to cut the php code from my php file and create a new php file and put it in but i dont know how to put it exactly where my printscreen shows.
thanks a lot for your interest i hope you can help me )
thanks again

edit: i also would like to have some empty boxed under the member login so i can put adverts in them


edit2:






my member login box as you can see in the printscreen

PHP Code:

<tr> 
    <td><FORM name=loginForm  action="login.php"
      method=post>
        <div align="center"></div>
        <table width="262" border=0 align=center cellpadding=5 cellspacing=0>
          <tbody>
            <tr valign=center> 
              <?php if(!isset($_SESSION["userid"])) 
              {
              ?>
              <td colspan="2" background="http://www.overclock.net/images/bgyell2.gif"  class="sideheadingtd" ><strong><img src="http://www.overclock.net/images/squareswhite.gif" width="10" height="12" align="absmiddle">&nbsp;&nbsp;<font size="2" face="Arial, Helvetica, sans-serif" font color="#ffffff">Member 
                Login</font></strong></td>
            </tr>
            <tr valign=center> 
              <td bgcolor="#f5f5f5"> 
              <div align=right><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Username</font></strong></font></div></td>
              <td width="97" bgcolor="#f5f5f5"><font color="#000000"> 
                <input  name=UserName  class="box1" size="13">
              </font></td>
            </tr>
            <tr valign=center> 
              <td bgcolor="#f5f5f5"> 
              <div align=right><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Password</font></strong></font></div></td>
              <td bgcolor="#f5f5f5"><font color="#000000"> 
                <input name=Password  type=password  class="box1" size="13">
              </font></td>
            </tr>
            <tr align=right> 
              <td 
        colspan=2 bgcolor="#f5f5f5"> 
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr> 
                    <td width="67%"><p class="style2"><a  class="insidelink"  href="signup.php">:: Signup 
                        Now::</a><br>
                        <a class="insidelink" href="lostpassword.php">:: Lost Password ::</a></p></td>
                    <td width="33%"> <div align="left"> <font color="#000000"> 
                        <input type="submit" name="Submit" value="Sign In" class="btn">
                        </font></div></td>
                  </tr>
              </table></td>
              <?php }?>
            </tr>
            <tr align=right> 
              <td colspan=2>&nbsp; </td>
            </tr>
          </tbody>
        </table>
        <div align="center"></div>
      </FORM></td>
  </tr>

How can I place the php form into the html page? Please see the attachment describe what I asking for. thank you.

Hello once more. I need to move the email address near the bottom right up a bit, about a few lines so it's 1 or 2 lines below the Facebook "like" area.

The site: movehumanityforward.org

Thank you!

Hi,

I am newbie to HTML , I am trying to move the content in html page up/down on clicking of arrow images.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Scroll</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
	<style type="text/css">
	.top{
		position: absolute;
		top:0;
		right:0;
		background-image: url('uparrow.png');
		background-size: 16px 16px;
		width: 16px;
		height: 16px;
	}

	.btm{
		position: absolute;
		display:block;
		background-image: url('downarrow.png');
		background-size: 16px 16px;
		width: 16px;
		height: 16px;
		bottom: 0;
		right: 0;
	}
	</style>
	<script type="text/javascript">
	
		function scrollup(objId){
			alert("Scroll UP");
			console.log(objId);
			var a = document.getElementById(objId).style.top;
			console.log(a);
		}

		function scrolldown(objId){
			alert("Scroll DOWN");
			var b= document.getElementById(objId).style.btm;
			console.log(objId);
			console.log(b);
		}
	</script>
 </head>

 <body>
<div id="scrollDiv" style="btm:0px">
	This is what i like to say.
</div>
<div class="top" onclick="scrollup('scrollDiv')"></div>
<div class="btm" onclick="scrolldown('scrollDiv')"></div>
 </body>
</html>

Can somebody help me in this.

Regards,
Murali

Hi all

New to this forum and pretty basic in html

But how to i create links at the top of the page to move down the page to certain sections.


Regards, Alan
Able to handle html sample code

Ok, I'm sure the title was very vague, but I didn't know how to ask this.

Lets say, for example, I have a view count for certain page on my website that is automatically generated. I want to take that number, and have it also automatically generated on another page, that links to that page. So say I have a page about elephants that has a view count of 57. I want to have on another page a picture of an elephant (that is also a link) and beside that picture, I want it to say View Count: 57.

Is there some type of javascript or html coding or something I can do to make this happen? Please help.