HTML - Move With Screen Object

I have these images and text. Is there any code I can use to move these 7 lines over to the right a little? Thanks.



Code:

<font face="Arial" color="#000000" size="3"><IMG src="/images/hphone.gif"> <a href="?action=login">&nbsp;&nbsp;Home</a><br><br>

<IMG src="/images/hphone1.gif"><a href="?action=register">&nbsp;&nbsp;Register</a><br><br>

<IMG src="/images/hphone2.gif"> <a href="?action=faq">&nbsp;&nbsp;FAQ</a><br><br>

<IMG src="/images/hphone3.gif"> <a href="?
action=terms">&nbsp;&nbsp;Terms Of Use</a><br><br>

<IMG src="/images/hphone4.gif"> <a href="?action=contact">&nbsp;&nbsp;Contact Us</a><br><br>


<IMG src="/images/hphone5.gif"><a href="?action=forgotpass">&nbsp;&nbsp;Forgot Password</a><br><br>

<IMG src="/images/hphone6.gif"><a href="?action=forgotusername">&nbsp;&nbsp;Forgot Username</a><br></font>

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?

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;
}

Hi all,

how can we move images like in this website

http://www.kagancreative.com/portfolio.html

left to right and right to left

please help me

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 am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section.

It is displaying the music player within the limits of the shows section. How do i make the music player seperate?


Here is the code for the entire site with the music and show sections bolded.

Code:

<i class=i>!--START CODE IN BAND MEMBERS --!</i>
<i class=i>
!-Start Div Overlay Content Block-!
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">
myspace code tutorials by Eileen</a>
!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.
</i>
</td></tr></table>
</td></tr></table>
</td></tr></table>

<i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> 

<i class=i>!!! MODIFY width to the SAME width as your core image !!!</i>

<div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;"> 

<i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i>

<i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i>

<img src=http://i42.tinypic.com/16iz2j5.jpg>
<img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;">


<span class="off">!-START COMMENT FORM-!</span>
<div class="myCommentFormD">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="445328869" type="hidden"/> 
<textarea name="f_comments" class="myFormBox"></textarea>
<center>
<input type="submit" value="Post Comment" class="myPostCommentButton"/>
<input type="reset" value="Clear" class="myClearButton"/>
</center>
</form>
</div>
<span class="off">!-END COMMENT FORM-!</span>



<i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i>

<i class=i>!-Open 3 layers of table/row/cell-!</i>
<i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i>
<table class="L1" ><tr><td>
<i class=i>!-The below class i hides the remainder of the general table-!</i>
<table class="i"><tr><td>
<table class="i"><tr><td>
<style>.i {display:none}</style>
<i class=i>END CODE IN BAND MEMBERS</i>




<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i, div.clearfix i i i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}

{! restore any images displayed inside our div.  You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img, 
table td div.myCoreDiv div img {display:inline;}

{!OPTIONAL restore image on maroon nav bar, we could  use a.navbar  img!}
div table td a.navbar img {display:block;}

{! removes most content and the space it occupied !}
table table table {display:none}

{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}

{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}

table table br {display:none;}
table table table br {display:block;}

{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}

{! remove default background coloring !}
table table, tr, td {background-color:transparent !important}

{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:transparent !important}
div table {border-bottom:none !important;}

{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}





<style>
{!- shows -!}
table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;}
{!- UnDo effect on Div in Friend and Comment spaces -!}
table table td.text table div {position:static; height:auto; overflow:hidden}
table table td.text div.commentlinks {display:none;}
table table td.text div table {display:block}
{!-fix column width of shows-!}
{!-set below px width to the width of your shows space-!}
table table td.text div table td, table table td.text div table {width:425px;}
table table td.text div table table {width:100% !important}
{!-adjust below value as needed-!}
table table td.text div table table table {width:40% !important}
</style>

<style>
{!-music player-!}
table table td.text div object {position:absolute !important; top:196px !important; left:100px}
table table td.text div object object {position:static !important;}
</style>

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>

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 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.

I have a table with 5 images in one row. In 4 of them the four images are of words for a navigation bar. Each word is black and right below it is the same word in color. When the mouse hovers over the four words I would like the image to raise up so that the colored words are shown. Here is what I have so far:

Code:

<table>
  <tr>
    <td><a href="" target="_new"><img src="menu/Logo.png" width="139" height="155" alt="Back to home page" border="0"></a></td>
	
    <td><a href="" target="_new"><img src="menu/Drafting.png" width="98" height="65" alt="Drafting" border="0"></a></td>
	
    <td><a href="" target="_new"><img src="menu/Programming.png" width="157" height="65" alt="Programming" border="0"></a></td>
	
    <td><a href="" target="_new"><img src="menu/Resume.png" width="93" height="65" alt="Resume" border="0"></a></td>
	
     <td><a href="" target="_new"><img src="menu/Contact.png" width="96" height="65" alt="Contact" border="0"></a></td>
  </tr>
</table>

Is it possible to move the images like this or do I need to use a background image instead?

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.

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>

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.

Hello! I hope someone can help!

On the left column of my website he
http://www.showlistportland.com
...there are ads. Hyperlinked images. But, when clicked they move out of the way!! How can I stabilize these images???

Any help is much appreciated!!!

Thanks,

b

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