HTML - Container Moves Right On Page Which Has Form

when i click on a link on my "test page" the div with my links in it moves up...but when i click back to the "home" page it moves back down take a look at the attached file to see what i'm talking about...is there any way of fixing this...it does this on both FF and IE 8.

can someone help me with this...if it's something that i simply have to deal with then that's fine...just thought that maybe something was wrong and could be fixed.

In this code I'm using, on the index page is a log-in box. Once a user logs in the log-in box disappears and the container below the log-in box moves up to the log-in box spot. The reason I want to change this is that it leaves a blank space below the moved-up container. Can this code below be changed to, instead of the log-in box disappearing, it is replaced by an equal sized text box, thereby not allowing the below container(news flash) to move up? Any help will be appreciated. Thanks.

Code:

<!--Begin Right Column-->
<div id="column-right-1">
  <!--Begin Login Box-->
  <div id="login-box">
    <!--[onload_300;block=div;when [var.show_login_box]=1;comm]-->
    <form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
      <ul>
        <li><label><font class="font4_13">[var.lang_user_name]:</font></label><span class="username"><input type="text" name="user_name_login" size="16" style="width:138px;" /></span></li>
        <li>&nbsp;</li>
        <li><label><font class="font4_13">[var.lang_password]:</font></label><span class="password"><input type="password" name="password_login" size="16" style="width:138px;" /></span></li>
        <li>&nbsp;</li>
        <li>
          <input type="submit" value="[var.lang_login_now]" class="button-form" />
        </li>
        <li>&nbsp;</li>
        <li>
          <a href="login.php">[ [var.lang_password_reminder] ]</a>&nbsp;<b>|</b>&nbsp;<a href="[var.register_menu_link]">[ [var.lang_register_today] ]</a>
          <input type="hidden" name="submitted" value="yes" />
          <input type="hidden" name="remember_me" value="remember_me" />
        </li>
        </ul>
      </form>
  </div>
  <!--End Login Box-->

  <!--Begin News Flash-->
  <div class="header-narrow">Welcome</div>
  <div class="container-narrow">
  This is for your content.Lorem ipsum
  adipisicing elit, sed do eiusmod
  ut labore et dolore magna aliqua
  <ul class="content-list-narrow">
      <li><!--[var.newsflash;htmlconv=no;comm]--></li>
    </ul>
  </div>
  <div class="container-narrow-bottom"></div>
  <!--End News Flash-->

</div>
<!--End Right Column-->

What could be wrong with my html or dreamweaver settings? I have code similar to following:

Code:

<div id="mydiv">
<span id="myspan">

<p>Some <em>text</em> here</p>
<p>Some more text here</p>

</span>
</div>

If I select the word 'text' in Design view and make it not-emphasized/Italics, the code changes to:

Code:

<div id="mydiv">

  <p><span>Some text here</span></p>
  <span>
  <p>Some more text here</p>
  </span>
  
</div>

So it's decided to remove the id attribute from the span and move the span inside the paragraphs, and since there's two paragraphs, there's an extra span as well. The result is the same even if the span is outside the div.

Even if the code is wrong, why is dreamweaver fixing it when I'm just trying to do something unrelated. (The em tag is not the only one that causes this to happen.)

Hi I have made a Website for my Dad but am experiencing problems. I have put all the texts in a layer and when i view the website on my screen (1024 by 768) all is fine but when I look at the website on my dads PC (1280 by 1024) the words are not centered and are too far of to the side.

how do to keep text aligned on different screen resolutions browser

how do i anchor the layer/textbox so when the resolution increases the text stays where i want it to stay.

I am attempting to put an amazon link on my web site. I have found the position I want but when I minimize the screen the link moves over to the other text. If you want to see exaxtly what I talking about go to:

http://www.mullady.com/mortgages.html

Here is the exact code I am using the BOLD is the problem area



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MuLLady.com - Mortgages</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta content="MuLLady Financial Solutions" name="description" />
<meta content="mullady, mortgage, finance, credit, real-estate, realestate, asset protection, insurance, credit repair" name="keywords" />
<meta content="index,follow" name="Robots" />
<meta content="sNews 1.5" name="Generator" />
<link media="screen" type="text/css" rel="stylesheet" href="style.css" />
<link title="RSS 2.0" type="application/rss+xml" rel="alternate" href="rss/" />
<style type="text/css" >

.post
{
font-size: 16px;
}
</style>
<style type="text/css">
iframe {
position:absolute;
top:400px;
left:200px;
}
</style>
</head>
<body>
<div class="content">
<div id="top">
<div id="icons"><a title="Home page" href="index.html"><img alt="Home" src="images/home.gif" /></a> <a title="Contact us" href="contact.html"><img alt="Contact" src="images/contact.gif" /></a> <a title="Sitemap" href="sitemap.html"><img alt="Sitemap" src="images/sitemap.gif" /></a> </div>
<h1>MuLLady.com</h1>
<h2>Financial Solutions</h2></div><!-- end of the Top part --></div>
<div id="lowercontent">
<div id="lower_wrap">
<div id="lower_pic"><a title="Trident Financial 244 information request" href="TF244apply.html"></a>
<div id="lower_slogan">
<div class="post">
<iframe src="http://rcm.amazon.com/e/cm?t=mu05-20&o=1&p=8&l=as1&asins=0316044695&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFF FFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="20" marginheight="0" frameborder="0"></iframe>
<h4 class="title">Mortgage information </h4>
<p>We have access to the premier companies in the mortgage industry...and that is saying something.</p>
<hr /><img alt="" src="images/mortgagelogos.jpg" /><br />
<hr />
<p>We have thrived in this ever-changing industry, gaining the strength and respect necessary to provide our clients with the best possible mortgage experience. Perhaps it's because we know where our priorities are.</p>
<br />
<p>We help make home ownership a reality. We help buyer, borrowers and loan officers build a life they can be proud of. We know what's important.</p>
<br />
<p>We have access to the premier lenders in the mortgage industry. Our mission is to provide our clients--both the consumer and our partners--with the best possible financing options available in today's mortgage lending environment.</p>
<br />
<p>We were born out of a solid business concept to offer a better way for the mortgage professional to serve the home buyer on a local level, while having the power of a national mortgage bank behind them. By providing our branches with the benefit of a nationwide network, they are able to offer better personal service, more competitive rates, and faster closing times than their competitors. Our concept is to have all of our offices working together to bring the best possible service and products to home owners. We have offices all over the country, each one locally staffed and operated. Our Loan Officers live in your neighborhood. They drive on your streets. They're your neighbors--and, they root for the home team.</p>
<br />
<p>Our goal is to provide the home buyer with the most experienced loan experts, the lowest rates possible, unbeatable customer service, and a worry-free experience, whether they are buying a new home, refinancing an existing loan, or getting a home-equity loan. Our system not only benefits our various national branches, it benefits borrowers all over the country. By giving our branches the autonomy to make decisions on the local level, the power to lend within a multi-billion dollar mortgage banking institution, and the technology and tools to do it quickly, efficiently, and accurately, we have given them the opportunity to truly excel in customer service.</p>
<br />
<p>We have experienced record growth, and an ever-expanding branch network. We have partnered with many mortgage professionals, and we are continuing to grow. Our partners have the size to command respect in the market place, funding billions of dollars in mortgages each year. This respect is carried to the branches, who, in turn, offer it to our customers</p>
<br />
<p>There are few joys more rewarding than helping a friend into a home. Homes build neighborhoods, communities, and friendships. This is the passion and joy behind our Branch Partners. We help individuals and families across the country achieve their dream of home ownership.</p>
<br />
<p><a title="Mortgage Information Request" href="244form.html">Click Here To Request Assistance</a></p></div>
<div class="post">
</body>
</html>

Does anyone know of maybe a Java script or some something that anchores the layers (makes the layers stay in the middle even if the resolution changes). Because i have a website (http://israelat60.zxq.net) and when i look at it in a resolution higher then 1024 by 768 the text is not in place.

Thanks for you time and help

I was wondering if someone could give me the javascript to make text change color or size or make bold when mouse moves over.

Thanks for the help!

A page experiencing the problem I'm describing is: http://www.gigichic.com/press.aspx

The issue is there's a form on the page at the bottom to submit your first name and e-mail to subscribe to a newsletter. The pages are all ASP generated, so it's a form within a form. To work around the issue, I added a </form> tag at the beginning of the new form to stop the ASP's form from continuing. This works great in Firefox, Opera, and Safari, but Internet Explorer destroys the layout.

To attack the problem from a different approach, I've created a page called "newsletter.html" which contains the form and the social buttons (see he http://www.gigichic.com/newsletter.html ). The thought was - create the page, call it from an iFrame in the top bar (client wanted it up top originally). The problem there is that I can't figure out how to get the "Join" button to redirect the parent page instead of just the 36px*400px iFrame.

The code for the form used is:
Code:

			<form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup3859" accept-charset="UTF-8" onsubmit="return verifyRequired3859();" > <input type="hidden" name="redirect" value="http://www.gigichic.com/thankyou.aspx">
				<input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html">
				<div id="SignUp">
					<table width="100%" class="signupframe" border="0" cellspacing="6" cellpadding="0">
						<tr>
							<td align="center">
								Want to know about our latest fashions, sales and events?  Subscribe to our newsletter today!
								<input type="text" name="fields_email" size="12" placeholder="Email Address">
								<input type="text" name="fields_fname" size="12" placeholder="First Name">
								<input type="hidden" name="listid" value="46074">
								<input type="hidden" name="specialid:46074" value="CUNO">

								<input type="hidden" name="clientid" value="250803">
								<input type="hidden" name="formid" value="3859">
								<input type="hidden" name="reallistid" value="1">
								<input type="hidden" name="doubleopt" value="0">
								<input type="image" name="Submit" value="Submit" src="/images/join.png">
							</td>
						</tr>
					</table>
				</div>
			<script type="text/javascript">
				var icpForm3859 = document.getElementById('icpsignup3859');
			
				if (document.location.protocol === "https:")
					icpForm3859.action = "https://app.icontact.com/icp/signup.php";
				function verifyRequired3859() {
					if (icpForm3859["fields_email"].value == "") {
						icpForm3859["fields_email"].focus();
						alert("The Email field is required.");
						return false;
					}
					if (icpForm3859["fields_fname"].value == "") {
						icpForm3859["fields_fname"].focus();
						alert("The First Name field is required.");
						return false;
					}
					return true;
				}
			</script>

I've tried using javascript to pass the "action" values to the parent page:

iFrame:
Code:

<script type="text/javascript">
	function change_parent_url(url){
		document.location=url;
	}
</script>

Parent:
Code:

<form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup3859" accept-charset="UTF-8" onsubmit="return verifyRequired3859();" > <input type="hidden" name="redirect" value="javascript:parent.change_parent_url('http://www.gigichic.com/thankyou.aspx');">
				<input type="hidden" name="errorredirect" value="javascript:parent.change_parent_url('http://www.icontact.com/www/signup/error.html');">

But this generates a different error. So I trying to tackle this form issue, from either a "form within a form" approach, or a "form within an iframe" approach. I'm not very good at Javascript and I don't understand the rules of ASP page generation to know how to work around it... All help is greatly appreciated. Please and thank you.

Hi,

I recently created a landing page for my site but cannot seem to adjust the alignment of the main container element. I want to try and centre the main container vertically by putting a margin at the top. However, it will only let me put in a maximum of 10px margin?

If someone could show me how to do this I would be very grateful. The url is http://www.amokcuisine.com and I hope you will see what I am getting at!

Thanks
GG

I'm pretty new to all of this and need some help trying to load a swf file in a container.

What I have is a thumbnail gallery where I have thumbnails on the right side of the page and when you click on the thumbnail it pops on the left side of the page in a container. So what I want to do is keep the same format so you can click on the thumbnail then the swf file appears instead of an exploded image. This is what I have.

Also I appreciate any and all help, thank you.


<style type="text/css">
img { border: 0px }

#container {
text-align: center;
border: 0px;
margin: 0 auto;
padding: 0px
}

#leftcol img {
}

#rightcol img {
}

</style>





<td width="80" height="421">&nbsp;</td>
<td width="673"><div align="center"><img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /></div> </div></td>
<td width="71">&nbsp;</td>
<td width="318" valign="middle"><div id="leftcol">
<div class="root" id="root0">
<div class="scrollContainer" id="scroll0Container">
<div class="scrollContent" id="scroll0Content">
<p>
<a href="#" onclick="ImageOnly.src='images/Asylum_5.jpg'"><img src="images/Asylum_5_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/Asylum_1.jpg'"><img src="images/Asylum_1_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/Asylum_2.jpg'"> <img src="images/Asylum_2_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/Asylum_3.jpg'"><img src="images/Asylum_3_thumbnail.jpg" /></a>
</p>
<p>&nbsp;</p>
<p>
<a href="#" onclick="ImageOnly.src='images/kerryn_5.jpg'"><img src="images/kerryn_5_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_6.jpg'"><img src="images/kerryn_6_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_7.jpg'"> <img src="images/kerryn_7_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_8.jpg'"><img src="images/kerryn_8_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_9_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_movie_thumbnail_2.jpg" /></a> (this is where I want to add it)
</p>
<p>&nbsp;</p>
<p>
<a href="#" onclick="ImageOnly.src='images/f_h_5.jpg'"><img src="images/f_h_5_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/f_h_6.jpg'"><img src="images/f_h_6_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/f_h_7.jpg'"><img src="images/f_h_7_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/f_h_8.jpg'"><img src="images/f_h_8_thumbnail.jpg" /></a>
</p>
<p>&nbsp;</p>
<p>
<a href="#" onclick="ImageOnly.src='images/football_1.jpeg'"><img src="images/football_1_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/football_2.jpeg'"><img src="images/football_2_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/football_3.jpeg'"><img src="images/football_3_thumbnail.jpg" /></a>
<a href="#" onclick="ImageOnly.src='images/football_4.jpeg'"><img src="images/football_4_thumbnail.jpg" /></a>
</p>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>


I hope I'm posting in the right section. Again thank you for any help.

Okay so I'm trying to get cutenews to post in rows, and I know I've done it before utilizing a div container, but I can't remember what it was I did lo those many years ago.

Can anyone help me out? I'm looking for an end result like this

Much appreciated anyone who gives this a look and/or reply =]

hey forum,
does adding an image with a link in a div container make it null??
Problem:
PHP Code:
<div id="container">

<div id="top-left-box"><img src="images/rss_tab.png" width="201" height="45" longdesc="http://betyoulikeit.com/tinc?key=gNu6zzEm"></div> 


look cottonhead no slices
thanks...
-tikki-

My container kinda works, but kinda doesn't. I've had this problem before and I can't remember how I solved it, anyway..

My container is keeping my "reading" and "sidebar" divs in place, but the background of the container div isn't following down the other divs, it's just on top of the container.

Here's my website : http://djance.net/wordpress (the layout is NOT done if you were wondering). And my Css : http://djance.net/layouts/14/css.style

I think it's the Css, but anyway Help appriciated !

Go to the web page:

http://YourCarThings.com

and then select "About Us" from the Top Menu.

When you go to the "AboutUs" page, you will receive the error:

"Done, but with errors"

I caused this by replacing the:

jumpmenu Java Script

Go to any of the other pages, and you won't get the error message because they use the previous jumpmenu javascript.

Please advise.

Thanks.

Doug Walker