HTML - Div Boxes To Stop Moving

I got a report that on this website http://www.livingwordchurch.org.uk/home.php on certain pages, the entire content shifts to the right. My friend uses FireFox 3 when it does it, although I do too and I don't see anything happening. Do any of you see it moving too? And if so, any ideas why?

I'm not sure whether this is a CSS problem or Html but I'm gonna post it here any way.

My footer moves up on my photos pages. I put the footer php file in the exact place I put it on the home page. I don't get why it moves up on my photo page though.

Here is the link
http://www.wizardsbuzz.com/photos

In html left to right <marquie behaviour
but i want right to left the text comes from right to left and left standard positin
whch command do i need to use? please provide
thanks for helping

How can I move this table to the right a lttle bit?

Thanks.


Code:

<TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0>
	<TR valign=middle height=10>
		<TD class=headera1><IMG src="/images/clear.gif" height=1 width=159 border=0></TD>
		<TD width="100%" align=right class=headera2>&nbsp;</TD>
	</TR>
	<TR>
			<TD class=headera3><IMG src="/images/clear.gif" height=1 width=159 border=0></TD>
		<TD width="100%" align=right class=headera4>&nbsp;</TD>
		</tr>

<TR valign=top>
		<TD></TD>
		<TD valign=left width=795 height=1><IMG src="/images/topimg11.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<IMG src="/images/topimg2.jpg"></font></TD>
	</TR>

	<TR valign=top height=1>
		<TD colspan=2 class=black><IMG src="/images/clear.gif" height=1 width=100% border=0></TD>
	</TR>
</TABLE>

Hi there i'm new to html forum and have come here for a little bit of help on some code.

my website is http://www.mp3encore.co.uk

my problem is on the homepage, basically i want the radio search buttons above the search bar so visiters click radio button first then type in what they want.

here is my code...

<div class="wrapcontent clearfix">
<div id="content" class="fleft">
<div class="wrappost">
<style type="text/css">
#content #post
{
background: url('<?=WEB_PATH?>images/wes.png') no-repeat;
}
</style>
<script type="text/javascript">
function change_song1()
{
document.search_form.search_input.value= "Search For Lyrics";
document.search_form.type.value= "lyrics";
document.getElementById('song').style.display = "none";
document.getElementById('video').style.display = "none";
document.getElementById('kr').style.display = "none";
document.getElementById('lyrics').style.display = "inline";
}
function change_song0()
{
document.search_form.search_input.value= "Search For Videos";
document.search_form.type.value= "video";
document.getElementById('song').style.display = "none";
document.getElementById('video').style.display = "inline";
document.getElementById('kr').style.display = "none";
document.getElementById('lyrics').style.display = "none";
}
function change_song2()
{
document.search_form.search_input.value= "Search For Songs";
document.search_form.type.value= "mp3";
document.getElementById('song').style.display = "inline";
document.getElementById('video').style.display = "none";
document.getElementById('lyrics').style.display = "none";
document.getElementById('kr').style.display = "none";
}
function change_song3()
{
document.search_form.search_input.value= "Search For Karaoke";
document.search_form.type.value= "karaoke";
document.getElementById('song').style.display = "none";
document.getElementById('video').style.display = "none";
document.getElementById('lyrics').style.display = "none";
document.getElementById('kr').style.display = "inline";
}
</script>
<div id="post" class="post">
<div class="entry" style="margin-top: 6px;">
<div class="clearfix wrapentry">
<div class="fleft">
</div>
<div class="info fright clearfix" style="margin-right: 25px;">
</div>
<div class="Contentbox" align="center">
<div id="song" style="display: none;">You are in Song search mode</div>
<div id="video" style="display: none;">You are in Video search mode</div>
<div id="lyrics" style="display: none;">You are in Lyrics search mode</div>
<div id="kr" style="display: none;">You are in Karaoke search mode</div>
<div id="ajaxcontentarea" class="contentstyle" style="margin:0" >
<form name="search_form" id="search_form" method="post" action="<?=WEB_PATH?>">
<input tabindex="" value="Search For Songs" name="search" id="search_input" onfocus="if(this.value=='Search For Songs'||this.value=='Search For Videos'||this.value=='Search For Lyrics'||this.value=='Search For Karaoke') this.value='';" type="text" />
<input type="hidden" name="type" value="mp3"/>
</form>
</div>
<ul id="maintab" class="shadetabs">
<li><a href="#" onclick="javascript:document.search_form.submit();return false;">Search</a></li>
</ul>
</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 45px;margin-top: -25px;"><input type="radio" class="radio" value="video" name="type" onclick="change_song0();"/>&nbsp;Videos</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 145px; margin-top: -18px;">
<input type="radio" class="radio" value="mp3" name="type" onclick="change_song2();"/>&nbsp;Songs
</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 235px; margin-top: -18px;">
<input type="radio" class="radio" value="lyrics" name="type" onclick="change_song1();"/>&nbsp;Lyrics
</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 315px; margin-top: -18px;">
<input type="radio" class="radio" value="lyrics" name="type" onclick="change_song3();"/>&nbsp;Karaoke
</div>
</div>
</div>
</div>
</div>


hope someone can help, thanks in advance.

Hi,

I have made a navigation bar that sits nicely to the left of my page. However, i cant seem to get it to stay in that position. I have to put other content above it or below it even if it wont actually clash with the bar. Any ideas on how to fix this?

Thanks in advance, Sam.

Update; I needed to float it. All done

Hello all, I'm learning so much studying on a daily basis with html, that I have been making considerable progress, however, if you all could help me "lock" this div layer that I have off to the right of the page from moving that would be grand.

You see all I really want on the site is to have content in the middle move as I update and add to it. However when I subtract content or add more content in the middle div box. the right side box will move up or down depending on whether I have added or subtracted content.

If you visit http://www.trillionaireme.com that is how I want the site to show on all pages when a link is clicked, however when you click on the "How to Get Started" link http://www.trillionaireme.com/howtogetstarted.html, because I have less content in the middle the right div box moves up. I would like it locked and positioned just as it is displayed on the main page http://www.trillionaireme.com



This is the main page:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<title>TrillionaireMe</title>
<link rel="shortcut icon" href="images/trillionaireme.ico">
<head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head>

<body>

<h1>&nbsp</h1>
<div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div>
<h1>&nbsp</h1><p class="borderbottom">&nbsp</p>

<div class="page">

<h2>
<a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> 
<a href="http://www.trillionaireme.com/fitness.html">Fitness</a>
<a href="http://www.trillionaireme.com/money.html">Money</a>
<a href="http://www.trillionaireme.com/relationships.html">Relationships</a>
<a href="http://www.trillionaireme.com/parenting.html">Parenting</a>
<a href="http://www.trillionaireme.com/music.html">Music</a>
<a href="http://www.trillionaireme.com/literature.html">Literature</a>
<a href="http://www.trillionaireme.com/you.html">You</a>
<a href="http://www.trillionaireme.com/them.html">Them</a>
<a href="http://www.trillionaireme.com/vision.html">Vision</a>
</h2>

<div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/"><span class="clickednav">Welcome</span></a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html">How To Get Started</a></div>
<div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div>



<div class="sitelastupdated">This site was last updated on: Tuesday, May 24, 2011 @ 12:47 PM</div>
<div class="welcomemessage">"What are you doing right now? Besides reading this, are you doing something that's getting you closer to living the life? The real life. I'm not talking about a better job. A couple more days off. A nice raise. I'm talking about the life you see in your dreams. The one you wish for when no one is around. The one you cry yourself sometimes in hopes of a change. The one that makes you say please, and drops you to your knees to just change when you open your eyes. That's the life I'm asking you, are you living? Are you? Dishonesty will only rob you of your time. Time is so precious, and valuable. Always ticking. Always taking. We have no choice, but to make what we can of this racing clock we are living with. If you're not doing something, you're going back tomorrow to whatever it is you know deep down inside was not the way you wanted it to go. This is why this place exists. Finally a place that has the most important areas of our lives broken down, sectioned off, mapped out strictly and purposefully for our advantage. These are the most valuable and precious areas we mustn't forget to keep balanced, along with the people, places, and things in it. Life is not set it and forget it, life is ongoing, changing, and updating. We must lay down the foundation for all generations to come.  Here is the foundation, the perfect life compilation.  Now get to it, because the clock is ticking, or else, you're going back to the same place tomorrow."<p class="signature">Samuel Sweis (Creator & Founder)</p>

<div class="rightbar"><br /></div>

</div>

</body>

</html>

This is the link that has less middle content so the box moves up:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<title>TrillionaireMe</title>
<link rel="shortcut icon" href="images/trillionaireme.ico">
<head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head>

<body>

<h1>&nbsp</h1>
<div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div>
<h1>&nbsp</h1><p class="borderbottom">&nbsp</p>

<div class="page">

<h2>
<a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> 
<a href="http://www.trillionaireme.com/fitness.html">Fitness</a>
<a href="http://www.trillionaireme.com/money.html">Money</a>
<a href="http://www.trillionaireme.com/relationships.html">Relationships</a>
<a href="http://www.trillionaireme.com/parenting.html">Parenting</a>
<a href="http://www.trillionaireme.com/music.html">Music</a>
<a href="http://www.trillionaireme.com/literature.html">Literature</a>
<a href="http://www.trillionaireme.com/you.html">You</a>
<a href="http://www.trillionaireme.com/them.html">Them</a>
<a href="http://www.trillionaireme.com/vision.html">Vision</a>
</h2>

<div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/">Welcome</a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html"><span class="clickednav">How To Get Started</span></a></div>
<div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div>



<div class="sitelastupdated">How to Get Started Using this Site</div>
<div class="welcomemessage">TrillionaireMe was designed with you in mind first and foremost.  You will find 10 areas of life that play the most important role almost on a daily basis listed above just under the logo starting with "Nutrition" and ending with "Vision".

<div class="rightbar"><br /></div>

</div>

</body>

</html>

Hi, this is my first post and I'm pretty new at HTML. Ok, I have been making a script and it works fine, but there's a problem. Most websites I visit (including this one) when you make the window smaller, the stuff you covered up simply goes off screen, but in my script, when you cover it up most stuff shifts down a line and is still visible. This look very messy having things constantly shifting around! : I was wondering if there was some tag or something that causes everything to freeze in place no matter how small the window gets.

-Thanks

Hi guys, I'm new here but going to stick around as I could learn a lot

Anyway, I have my search code which I have moved from the sidebar into the banner, but I need to move it down a little bit and to the right so it's more in the center. Here is what it looks like at the moment:



Here is the code:

Code:

			    <form action="<?php echo get_option('home'); ?>" method="get" id="searchform">
			<input type="text" value="" size="" id="s" name="s"/>
			<input type="submit" onmouseover="style.cursor='pointer'" value="Search" style="cursor: pointer;"/>
		</form>

It's in header.php in my Wordpress theme, but I have came across html values that can move stuff but not sure how to, any help would be appreciated!!

How to change this code so that the image moves up and down not side to side on mouse click.


Code:

<html>
<head>
<script type="text/javascript">
cc=0;

function changeimage()
 {


if (cc==0) 
  {
  cc=1;
  
  
  
  
  document.getElementById('image').style.position="absolute";
  document.getElementById('image').style.left="0";
  
  }
else
  {
  cc=0;
 
 
 document.getElementById('image').style.position="relative";
  }
}



</script>
</head>

<body>

<img id="image" onclick="changeimage()" border="0" src="slide2.JPG"/>

</body>
</html>

How would i go about making the onchange property of a <select> drop down menu change the position of a scroll bar of a <div> below it?

Here is the code I'm adding to my website to feature a Google Ad text link.

<script type="text/javascript">
<!--
google_ad_client = "ca-pub-548569347568435";
/* google ad link1 */
google_ad_slot = "6594051295";
google_ad_width = 160;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Everything is aligned to the left and the google ad appears tight against the left hand side of my column and I need to move it 5 pixels to the right to appear inline with everything else, I have tried putting left:5px; in various different places in the html code, but it either does nothing to the position or the google ad disapears altogether.

So where do I put the positioning code? and is left:5px; the correct code for the job?

Thank-you James

Is there any way to remove the login fields, and their corresponding text from the table their in, and then add the login text and login fields to the same table as the liink menu table? Without losing the login ***tionality.
(Also, I'd like to move the login button out of the table and into the link menu table too.) Thanks


Code:

<HTML>
<HEAD>
<Title></Title>
<style type="text/css">
body {margin: 1px 100px; 0px 100px;
padding: 1px;}

 table.with_color
    {
        background-color : #000000;
    }
</style>
</HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">

<TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0>
	<TR valign=middle height=1>
		<TD class=headera1><IMG src="/images/clear.gif" height=1 width=159 border=0></TD>
		<TD width="100%" align=right class=headera2>&nbsp;</TD>
	</TR>
	<TR>
<TD width="100%" align=right class=headera4>&nbsp;</TD>
		</tr>

<TR valign=top>
		</TD>
<TD valign=left width=795 height=1><IMG src="/images/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<IMG src="/images/"></font></TD>
	</TR>
</TABLE>

<TABLE cellSpacing=20 valign=top cellPadding=0 height=100% width=100% border=1>
	<TR valign=top>
		<TD width=1%>
<div style="border: solid 10px #A30100;"><div>

<table class="with_color" cellSpacing=0 cellPadding=0 width=100% border=0>
				<TR>
<TD><font class=tbody>
<form action="/smusermanager/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/smusermanager/members/default.asp">

<table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><font color=white><b>Login Here</b></font></td></tr>

<tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>Email Address</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr>

<tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr>

</td></tr></table></td></tr></table></td></tr></table></form>

<div style="padding-left: 24px;"><br><br> <font face="Arial" color="#000000" size="3"><img src="/images/Hphone.gif" style="vertical-align: middle;"> <a href="?action=login"><font color="#ffffff">&nbsp;&nbsp;Home</a><br><br>
						<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone12.gif" style="vertical-align: middle;"><a href="?action=register"><font color="#ffffff">&nbsp;&nbsp;Register</a><br><br>
						<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone2.gif" style="vertical-align: middle;"><a href="?action=forgotusername"><font color="#ffffff">&nbsp;&nbsp;FAQ</a><br><br>
						<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone3.gif" style="vertical-align: middle;"><a href="?action=forgotusername"><font color="#ffffff">&nbsp;&nbsp;Terms Of Use</a><br><br>
						<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone4.gif" hspace="4px" style="vertical-align: middle;">
<a href="?action=forgotusername"><font color="#ffffff">&nbsp;&nbsp;Contact Us</a><br><br>
                        <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone5.gif" style="vertical-align: middle;"><a href="?action=forgotpass"><font color="#ffffff">&nbsp;&nbsp;Forgot Password</a><br><br>
						<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone7.gif" style="vertical-align: middle;"><a href="?action=forgotusername"><font color="#ffffff">&nbsp;&nbsp;Forgot Username</a></font>

<IMG src="/images/clear.gif" width=1 height=5> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
				</TR>
			</TABLE>
		</TD>

		<TD width="1" height=100% background="/smusermanager/images/dot.gif">
			<TABLE cellSpacing=0 valign=top cellPadding=0 width=1 border=0>
				<TR valign=middle>
					<TD valign=middle class=lightgrey><IMG src="/smusermanager/images/clear.gif" height=20 width=1 align=absmiddle></TD>
				</TR>
				<TR valign=top height=2>
					<TD class=white><IMG src="/smusermanager/images/clear.gif" height=2 width=1 border=0></TD>
				</TR>
				<TR valign=top height=3>
					<TD class=gray><IMG src="/smusermanager/images/clear.gif" height=3 width=1 border=0></TD>
				</TR>
			</TABLE>
		
</TD>
	
                <TD width=100%  style="border-left: Solid #000000 1px;">

			<TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
				<TR valign=middle>
					<TD valign=middle class=lightgrey><IMG src="/smusermanager/images/clear.gif" height=20 width=1 align=absmiddle></TD>
				</TR>

				<TR valign=top height=2>

					<TD class=white><IMG src="/smusermanager/images/clear.gif" height=2 width=1 border=0></TD>
				</TR>
				<TR valign=top height=3>
					<TD class=gray><IMG src="/smusermanager/images/clear.gif" height=3 width=11 border=0></TD>
				</TR>
				<TR>
					<TD valign=top><font class=tbody>
					<style>


</TABLE>
</Body>
</HTML>

I am building a site from scratch, and since I dont have images yet, I am using image placeholders. I havent used frames, which may be my issue, but I used separate images on top for buttons and then a large image in the middle, and then a couple more buttons as images on the bottom of the page. Now when I try to align the middle image to the right so i can put buttons on the left, everything on the bottom half of the page moves to the rght as well, instead of just the middle image. Why is this happening, should i be using 4 separate frames on this page for each section? i am not to familiar with them, so i havent used them so far. Also, alot of the functions for images arent available, is that because they are just image placeholders? Any help would be greatly appreciated. Thanks

hey ive been doing html a little while now and to move things around my webpage ive been using the <div> tag but when i change the screen resolution the images / words move to a different placee is there another way of doing it so they dont move if im adjusting the screen resolution somebody please help