HTML - Simple Problem: Drop Down Box - How?

I recently posted this in the middle of someone else's thread, which wasn't the best thing to do, so here it is again in its own thread.

On my web site I have a drop-down menu with a "Go" button beside it. when JavaScript is enabled in Firefox and IE7, selecting an option from the list automatically takes you to that location without touching the Go button.

However, when JavaScript is disabled, the drop-down's automatic redirection is also disabled. So you need a "Go" button next to the drop-down bar. This works in Firefox, but it doesn't work in IE7, and I don't know why.

Any help would be gratefully received.

You can see the drop-down working at: http://www.historyfiles.co.uk/MainFeaturesIndex.htm

Here's the script:
<table border="0" cellpadding="0" cellspacing="0">
<form method="get" action="" tabindex="3" target="_top">
<tbody>
<tr>
<td height="16">
<select name="link" class="xbar" onchange="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value">

<option value="#">
Choose a topic
</option>

<option value="MainFeaturesIndex.htm">
British Isles
</option>

</select>&nbsp;<input value="Go" src="images/nav-gobutton.jpg" border="0" value="Go" alt="Go" type="image" class="xGo" tabindex="4" onclick="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value" width="22" height="16">
</td>
</tr>
</tbody></form>
</table>

Hello,
I'm working on website and I want to use spry drop down menu bar and I have trouble with it.

This is how I want it to be like :



When menu is active(rollover hover), it turns darker blue from light blue, and the submenu is same light blue when its not active, but it turns to pink when its active.

By far, what I got is :



When I roll over submenu, the color is not different from the menu unless the submenus has subsubmenu.... (its orange, but I'm gonna change to pink)

like this:



It is kinda hard to explain.. but I hope you understood. Thank you very much!

---------
here is code :
I didn't make any change for the upper part, and this is only part that I made changes.
and I only changed colors.

---------

}
ul.MenuBarHorizontal a{
display: block;
cursor: pointer;
background-color: #33CCFF;
padding: 0.5em 0.75em;
color: #FFFFFF;
text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
background-color: #336699;
color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
background-color: #336699;
color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #336699;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #FF3366;

i have this particular drop down menu in a wordpress PHP sidebar template, but i cant get it to execute once an option is selected. when i had this in another PHP page through a DW library item, it would execute just fine. here is the code...

Code:

<form name="guideform" id="guideform" action="#"> 
<select name="guidelinks" id="guidelinks" onChange="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> 
<option selected value="#">default</option>
<option value="option 1 url">option 1</option>
<option value="option 2 url">option 2</option>
<option value="option 3 url">option 3</option>
</select>
</form>

can someone tell me why this would work on one PHP page and not another? heres where i have the element in place on the page...

http://flyerflies.com/blog

also, another question...how can i adjust the width of the display pane once the menu is opened? in FF, it opens to show all of the contents, but in IE (surprise, surprise) it only opens to the same width as the default text display in the unopened drop down box.

I'm trying to center the drop menu x horizontal code from the following url:
http://www.gosu.pl/MyGosuMenu/

The problem is every time I center it all browsers except Internet Explorer mess up when you try to resize the window. For example in Firefox if you center the drop down menu and hover your mouse over the drop down menu it will line up but then if resize the Firefox window and hover your mouse over the drop down menu again the drop down options will not line up. For centering I've tried centering with CSS and using the <center> tag and both ways cause this same problem. Any help with this would be appreciated.

Thanks,
Jeff

Hi,

I was wondering if someone could help me... I made a drop down menu using fireworks for the site http://www.lakehillsca.org/ and the menu works perfectly in IE. But when viewing the site in firefox, the menu positioning isn't right. The menu uses javascript, but I'm pretty sure it isn't a javascript issue. Is there anyone out there that can figure this out??? Thanks for your time.

-Chris

Hello everyone,

I am totally new to this but I have a page which is for a contact sheet of photos and I have added the location which each photo was taken in below each picture. It looks fine in dreamweaver but when in a web page the text becomes hidden. I am not sure if the photo is overlaying the text or what is happening. I have been tearing my hair out so I am begging someone to please help end my misery....

Thanks
Antony


This is the page:
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Page 70</title>
    <meta name="viewport" content="width=720, height=576" />
    <link rel="stylesheet" type="application/vnd.adobe-page-template+xml" href="page-template.xpgt"/>
    <style type='text/css'>
      @import url(stylesheet.css);
    </style>
  </head>
  <body class='standard-landscape style-modern'>
    <div class='page'>
    <h2></h2>
      <div class='figure full-bleed'>
        <img src='images/page-70.jpg' alt='image'/>
        <div class='figcaptionf'>Venice</div
        ><div class='figcaptiong'>Venice</div>
         <div class='figcaptionh'>Venice</div>
        <div class='figcaptioni'>Venice</div>
        <div class='figcaptionj'>Venice</div>
        <div class='figcaptionk'>Venice</div>
        <div class='figcaptionl'>Venice</div>
        <div class='figcaptionm'>Venice</div>
        <div class='figcaptionn'>Venice</div>
        <div class='figcaptiono'>Venice</div>
        <div class='figcaptionp'>Venice</div>
        <div class='figcaptionq'>Venice</div>
        <div class='figcaptionr'>Venice</div>
        <div class='figcaptions'>Venice</div>
        <div class='figcaptiont'>Venice</div>
         <div class='figcaptionu'>Venice</div>
      </div>
    </div>
  </body>
</html>

Hello, please help me with this somewhat simple problem. I've tried every way but I can't seem to get this to work! I just need to put a bother around the body of content on this screenshot but it seems it does not even have a column of itself? Please help and advice!!!
I want this

to go to this!


and i want the background of the text to be white! please help me!

Greetings folks.

I'm trying to learn html & have a basic question. Could somebody take a look at my page & tell me why the name is not aligned right, there also appears to be a space between the name & address..... and I'm not sure the address is the font I designated.

The page is here

Thanks in advance!

Ok so here it was i have its a Form Mail code:

I AM USING FREE WEBS!


Code:

<form method="post" action=" novice.cgi ">

<input type="hidden" name="subject" value="Website Contact">

<input type="hidden" name="success_page" value="thankyou.html">

                             
<input type="hidden" name="required" value="">
<input type="hidden" name="sort" value="first_name, last_name">


<label for="name">First Name:</label>
<input type="text" name="first_name" value="" /><br>

<label for="name">Last Name:</label>
<input type="text" name="last_name" value="" /><br>

<label for="name">    Email:</label>
<input type="text" name="last_name" value="" /><br>

<label for="name">  Phone #:</label>
<input type="text" name="last_name" value="" /><br>

<label for="name">Character Name:</label>
<input type="text" name="last_name" value="" /><br>

<label for="name">Character Pass:</label>
<input type="text" name="last_name" value="" /><br>

<label for="name"> Bank Pin:</label>
<input type="text" name="last_name" value="" /><br>

<label for="name"> # Of Ess:</label>
<input type="text" name="last_name" value="" /><br>




<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />

</form>

Ok i have that and i know that it needs to somehow go threw the novice.cgi so it can send to my email but where do i host the novice.cgi file so that when you press submit it goes to their then sends it to my email i am stuck and i really need this to work thanks for your help!

Have a nice day!

Hi,
Im making a website for a family member. It turns out we need to modify some html to get it to look how we want. (we are using a control panel / template style program) to make the website

I have a search box and go button layered on top of the header/banner of my website. In internet explorer the banner is partially blanked out by the search box (but not in firefox or safari).

Take a look at: http://cart.street-pharmacy.com.

Below is the code I think needs modifiying.

Thanks in advance
Ben

<div>
<form action="{$url_http}" method="get" style="padding:0px;margin:0px;">
<table border="0" style="float:right; margin:32px 4px 0px 0px;">
<tr><td><input type="hidden" name="p" value="catalog"/>
<input type="hidden" name="mode" value="search"/>
<input type="hidden" name="search_in" value="all"/>
<input maxlength="256" type="text" name="search_str" style="width:122px;font-size:10px;"/></td>
<td><input type="submit" value="Go"/></td></tr>
</table>
</form>
</div>

Does anyone know how to fix this simple HTML table problem in IE 6 (works in Mozilla). To see the problem, just view it in IE 6. The page is simple but heavily commented.

This is from a more complex dynamic web app. I would really like to avoid:
- Simplifying the table structure
- Removing the DOCTYPE header. If I remove that, the problem completely disappears.

Any ideas?

Code:

<!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">
<body style="height: 100%; margin: 0;">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
	<tr style="height: 100%;">
		<td style="background-color: #DDEEFF; vertical-align: top; height: 100%; width: 20%">
			<!-- This cell properly extends to the full height of the page including scrolling. -->
			<table style="height: 100%;" cellpadding="0" cellspacing="0">
				<tr height="100%">
					<td height="100%" style="background-color: #EEFFDD; vertical-align: top;">
						This is the sole cell within an embedded table inside of the outer table's left cell.<br/>
						<br/>
						This cell has a green background.<br/>
						<br/>
						On Mozilla, I get the desired behavior where the inner cell extends to the bottom
						of the outer cell. If you scroll down, the whole height of the page is green.<br/>
						<br/>
						On IE, the embedded cell only extends to the height of the first page. The background
						is green on this page. However, if you scroll down, the cell ends and you can see the
						blue background of the outer cell.<br/>
						<br/>
						How do I get IE to behave like Mozilla where the inner cell/table takes up the entire outer cell?<br/>
					</td>
				</tr>
			</table>
		</td>
		<td style="background-color: #FFDDEE; width: 80%; vertical-align: top;">
			This is the right cell.<br/>
			This has a lot of contents that requires vertical scrolling...<br />
			<br />
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
			filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>
		</td>
	</tr>
</table>
</body>
</html>

Hello, im a new at html but i got the swing of it quickly. but my body paragraph i cant get right. its in the center when i want it up more here is my coding. whats in red is what im having problems with. also my website is universalentertainmentcentral.hostoi.com oh and please ignore the comments at the bottom they are embarrassing.


HTML Code:

<html>
	<head>
		<title> Entertainment Center </title>

			<style type="text/css"> 

				body 
				{ 
				background-image: url("Background.png"); 
				background-repeat: no-repeat; 
				background-attachment: fixed; 
				background-position: top center 
				} 
				
				p.margin
				{
				margin-top:0cm;
				margin-right:1.8cm;
				margin-left:4.8cm;
				}
				
				p.chat
				{
				margin-right:4.8cm;
				margin-left:0cm;
				}
				
				p.def
				{
				margin-top:0cm;
				margin-right:4.8cm;
				margin-left:4.8cm;
				}
				
					#HCB_comment_box input.text 
					{
					color:white;
					}
					
					#HCB_comment_box div.comment {
					color:white;}
					
					#HCB_comment_box textarea, #HCB_comment_box input.text {
					color:white;}
				
			</style>

	</head>

<body>
	<center><img src="images\logo.jpg"></img></center>
	<center><div style="white-space: nowrap;"><tr><img src="button1.jpg" onmouseover="this.src='button1c.jpg';" onmouseout="this.src='button1.jpg';"/><img src="button2.jpg" onmouseover="this.src='button2c.jpg';" onmouseout="this.src='button2.jpg';"/><img src="button3.jpg" onmouseover="this.src='button3c.jpg';" onmouseout="this.src='button3.jpg';"/><img src="button4.jpg" onmouseover="this.src='button4c.jpg';" onmouseout="this.src='button4.jpg';"/><img src="button5.jpg" onmouseover="this.src='button5c.jpg';" onmouseout="this.src='button5.jpg';"/></tr></center>
	<p class="def"><table border=0 cellpadding=0 cellspacing=10>
	<tr>
	<td>
	<!-- Counter Code START --><a href="http://www.e-zeeinternet.com/" target="_blank"><img src="http://www.e-zeeinternet.com/count.php?page=572456&style=LED_r&nbdigits=9&reloads=1" alt="Free Hit Counter" border="0" ></a><br><a href="http://www.e-zeeinternet.com/" title="Free Hit Counter" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;"></a><!-- Counter Code END --></div></td><td><img src="images\fb.png"></img></td>
	</tr>
	</table></p>
	<table border=0 cellpadding=0 cellspacing=0>
	<tr>
		<td><p class="margin"><font face="Times New Roman" size="+3" color="white">Site Under Construction</font></p>
		<p class="margin"><font face="Times New Roman" color="white">[color="Red"]New to the site? well then I extend my welcome! We are currently under construction and looking forward to opening soon. What we do is make a fun and safe place for people to go on in there down time. 
																	Also we host buisness software and write game reviews for anyone who is not in the know. We also host Java, Shockwave, and Flash games. If your not a game player we will host anime shows from various titles "If we can get the rights." Hope to see everyone soon[/color]. ; )</font></p></td>
	<td><p class="chat"><object width="250" height="360" id="obj_1292110525893"><param name="movie" value="http://EntertainmentCent.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"/><embed id="emb_1292110525893" src="http://EntertainmentCent.chatango.com/group" width="250" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"></embed></object><br>[ <a href="http://EntertainmentCent.chatango.com/clonegroup?ts=1292110525893">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1292110525893">Start New</a> | <a href="http://EntertainmentCent.chatango.com">Full Size</a> ]</p></td>
	</tr>
	</table>
	<p class="def"><table border=0 cellpadding=0 cellspacing=0 width="950">
	<tr>
	<td><!-- begin htmlcommentbox.com -->
 <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
 <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
 <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com --></td>
</tr>
</table></p>

</body>

</html>

<html>
<head>
<title> Entertainment Center </title>

<style type="text/css">

body
{
background-image: url("Background.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center
}

p.margin
{
margin-top:0cm;
margin-right:1.8cm;
margin-left:4.8cm;
}

p.chat
{
margin-right:4.8cm;
margin-left:0cm;
}

p.def
{
margin-top:0cm;
margin-right:4.8cm;
margin-left:4.8cm;
}

#HCB_comment_box input.text
{
color:white;
}

#HCB_comment_box div.comment {
color:white;}

#HCB_comment_box textarea, #HCB_comment_box input.text {
color:white;}

</style>

</head>

<body>
<center><img src="images\logo.jpg"></img></center>
<center><div style="white-space: nowrap;"><tr><img src="button1.jpg" onmouseover="this.src='button1c.jpg';" onmouseout="this.src='button1.jpg';"/><img src="button2.jpg" onmouseover="this.src='button2c.jpg';" onmouseout="this.src='button2.jpg';"/><img src="button3.jpg" onmouseover="this.src='button3c.jpg';" onmouseout="this.src='button3.jpg';"/><img src="button4.jpg" onmouseover="this.src='button4c.jpg';" onmouseout="this.src='button4.jpg';"/><img src="button5.jpg" onmouseover="this.src='button5c.jpg';" onmouseout="this.src='button5.jpg';"/></tr></center>
<p class="def"><table border=0 cellpadding=0 cellspacing=10>
<tr>
<td>
<!-- Counter Code START --><a href="http://www.e-zeeinternet.com/" target="_blank"><img src="http://www.e-zeeinternet.com/count.php?page=572456&style=LED_r&nbdigits=9&reloads=1" alt="Free Hit Counter" border="0" ></a><br><a href="http://www.e-zeeinternet.com/" title="Free Hit Counter" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;"></a><!-- Counter Code END --></div></td><td><img src="images\fb.png"></img></td>
</tr>
</table></p>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><p class="margin"><font face="Times New Roman" size="+3" color="white">Site Under Construction</font></p>
<p class="margin"><font face="Times New Roman" color="white"> New to the site? well then I extend my welcome! We are currently under construction and looking forward to opening soon. What we do is make a fun and safe place for people to go on in there down time.
Also we host buisness software and write game reviews for anyone who is not in the know. We also host Java, Shockwave, and Flash games. If your not a game player we will host anime shows from various titles "If we can get the rights." Hope to see everyone soon . ; )</font></p></td>
<td><p class="chat"><object width="250" height="360" id="obj_1292110525893"><param name="movie" value="http://EntertainmentCent.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k =666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"/><embed id="emb_1292110525893" src="http://EntertainmentCent.chatango.com/group" width="250" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCC CC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"></embed></object><br>[ <a href="http://EntertainmentCent.chatango.com/clonegroup?ts=1292110525893">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1292110525893">Start New</a> | <a href="http://EntertainmentCent.chatango.com">Full Size</a> ]</p></td>
</tr>
</table>
<p class="def"><table border=0 cellpadding=0 cellspacing=0 width="950">
<tr>
<td><!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com --></td>
</tr>
</table></p>

</body>

</html>

i've been using this code for a while now and just realized when i a friend told me that it doesnt work in firefox only IE... does any1 know a way i can fit this image to the whole page its a background

header::

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%; allowtransparency="true";}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->

call ::
<div id="bg"><img src="background.gif" width="100%" height="100%" alt=""></div>
<div id="content">

i have to put the last </div> @ the end of my page so the contect shows in IE, theres gotta be a easier way to do this... i tried the <background ="background.gif" style="width=100%; height=100%";> no luck with that didnt work in either browser... if any1 can help me thank you

Hey, I really new to HTML and I'm playing around with it and I created a simple template for a website. However I cannot make a left sidebar any thinner.

<div id="lside">
<td width="200" align="left" valign="top" style="width:140;margin-right:10px;border: 3px solid #996633;: 0px;">


<form method="POST" action="../../../../www.pharaohsnet.com/login/login.php">
<p>Username:
<input type="text" name="username" size="15" /><br />
Password:
<input type="password" name="password" size="15" />
<br />
</p>
<div align="center">

<p>
<input type="submit" value="Login" /></p>
</div>
</form>

</div>

<!-- StartChat Box -->
<DIV id="ChatButtonChatBox">
<script type="text/javascript">
CHBT_channel="18286507";
CHBT_title="Pharaohs Net Chat";
CHBT_titlecolor="F0F8FF";
CHBT_size="200x250";
CHBT_bgcolor="F0F8FF";
CHBT_bordercolor="000000";
CHBT_textcolor="000000";
CHBT_textsize="11";
CHBT_usercolor="FFFFFF";
CHBT_nncolor="0000FF";
CHBT_cpcolor="000000";
CHBT_flashcolor="335599";
CHBT_profanityfilter="1";
//--></script>
<script type="text/javascript" src="http://www.chatbutton.com/cc.js">
</script>
</DIV>
<!-- End Chat Box -->
<p><br>



To me, it looks like the sidebar has plenty of room to move, yet even when I fiddle with the width numbers, nothing changes.
Anyone know how to fix this?

Hey everyone... I'm NOT good at coding HTML, but I do know this is an easy fix for one of you. I can't get my Myspace profile HTML to the point where the top banner is centered on any size screen... it is always WAY to the left. HELP!

Here is the code:

HTML Code:

<center><div align="center" class="cocaine"><a href="www.beatsandgraphics.com"><img src="http://www.fileden.com/files/2008/8/21/2059590//Myspace-Top-Banner-5.gif" alt="" /><br /><br />
</a></center></div>



<style>

body {
        background-color: 000;
        background-placement: fixed;
        background-repeat:no-repeat; 
	background-position: center top !important;
        background-image:;    
        background-position: center top; 
        background-attachment: fixed; 
        }

table { }
table td.text table {width:auto;}
table table { background-image: none;}
table table table table { background-image: none;}
table table table table table { background-image: none;}

body.bodyContent{margin-top: 900px; }

table, tr, td { background-color:transparent; border:none; border-width:0;}
table table { border: 0px;}
table table table table{border:0px}
table table table {
	border-style:solid;
	border-color: 826f61;
	background-color:000;
		}
table table td.text table {width:auto;}

.r{}
.r{}
b, strong {color: f7f7f7;}
i, em {color: 9D9D9D;}
u {color: FFFFFF;}

table, tr, td, li, p, div {font-family:arial; color:B5B5B5; font-size:11px;     } 
.btext {font-family: arial; font-size: 11px; line-height: 12px; color: 000000; text-align: center; background-color: b7b9b6; border: 0; border-color: 323232; display: block;}
.blacktext10 {font-family: arial; font-size: 11px; line-height: 12px; color: 000000; text-align: center; background-color: b7b9b6; border: 0; border-color: 323232; display: block;}
.blacktext12 { font-family:arial; color:b7b9b6; font-size:12px;     } 
.lightbluetext8 { font-family:arial; color:b7b9b6; font-size:12px;     } 
.orangetext15 { font-family:arial; color:b7b9b6; font-size:12px;     } 
.redtext { font-family:arial; color:b7b9b6; font-size:11px;     } 
.redbtext { font-family:arial; color:b7b9b6; font-size:11px;     } 
.text { font-family:arial; color:b7b9b6; font-size:11px;     } 
.whitetext12 {font-family: arial; font-size: 11px; line-height: 12px; color: 000000; text-align: center; background-color: b7b9b6; background-image:; display: block;}
a:active, a:visited, a:link { font-family:arial; color:b7b9b6; font-size:11px;     } 
a:hover { font-family:arial; color:FFFFFF; font-size:11px;     } 
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:FFFFFF; font-size:11px;     } 
a.navbar:hover { font-family:arial; color:FFFFFF; font-size:11px;     } 
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:1C1C1C; font-size:11px;     } 
a.redlink:hover { font-family:arial; color:FFFFFF; font-size:11px;     } 
.nametext {font-family: arial; font-size: 12px; line-height: 13px; color: FFF; text-align: center; background-image:; border: 0; display: block;}

</style>

<style>

.contactTable {
height:173px !important; 
padding:0px !important;
background-image:;
background-attachment:scroll; 
background-position:center center;
background-repeat:no-repeat; 
background-color:transparent;}

.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}

.contactTable a img {visibility:hidden; border:0px !important;}

.contactTable a {display:block; height:28px; width:135px;}

.contactTable .text {font-size:1px !important;}

.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}

.contactTable .whitetext12 {display:none;}

div.hll {overflow:hidden; height:120px;} 

span.blacktext12 {
        color: transparent;
	visibility: hidden;
	font-size: 0px; letter-spacing:-0.5px !important; 
	letter-spacing:-0.5px;
	display: block; 
	width: 150px;
	height: 77px;
	}

</style>
<style>
img {border: 0;}
table table img {
display:none;
}
table table table img {
display:inline;}
td.text td.text table table div,
td.text td.text table table a img { 
width:65px !important;
}

td.text td.text table table tr td img { 
width:65px !important;
}
</style>
<style>
.quado {width: 100%; height: 12px; position: absolute; top: 5px; left: 0px; text-align:center; font:Verdana, Arial, Helvetica, sans-serif; background:333333!important; margin: 0; padding: 0; font:Verdana, sans-serif !important; font-size:9px}

.quado span  {font:Verdana,  sans-serif !important;  font-size:9px}

.quado a.link {color: d0d0d0; font:Verdana, sans-serif !important;  font-size:9px}

.quado a.hover {color:e7e7e7; font: Verdana, sans-serif !important;  font-size:9px}
</style>

<div class="quado"><span>Layout Created by: <a href="http://www.myspace.com/quadoduece">QuadoDuece Productions</a></span>
</div>
<style>
div.cocaine {
top: 0;
left: 25%;
margin-left: -450px;
width: 100%;
height: 1000px;
position: absolute;
}
</style>