Please help on position issue

Forum Home

FAQ

Memberlist

Profile

Register - Not registered yet? Got something to say? Join HTML Code Tutorial!

Please help on position issue

HTML Help Forum Index -> CSS

View previous topic :: View next topic

Author

Message

Soul_Reaper

Joined: 23 Mar 2008
Posts: 2

Posted: Sun Mar 23, 2008 3:19 pm Please help on position issue

The menus will not go into the left hand side like they should do. (sorry about the messy code)
What the menu looks like on this page
What the Menu should look like
For some reason this only happens on this particular page, just don't know why
Here is the code for this page

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="0058.css" type="text/css" />
<title>AnbuHQ</title>
</head>

<body>

<div id="top"> </div>

<div id="navUpper">



<ul>
<li><a href="Forum.html">Forum</a></li>
<li><a href="Contact Us.html">Contact Us</a></li>
<li><a href="Terms.html">Terms of Service</a></li>
<li><a href="Rules.html">Rules</a></li>
<li><a href="User Art.html">User Art</a></li>
<li><a href="News.html">News</a></li>
<li><a href="index.html">Home</a></li>
</ul>



</div>

<div id="borderDown">

<div id="updates">
<div id="updatesIn">



<b>05 March 2008</b>
<br/>Everything Updated
<div class="updater"><a href="http://www.blinding-light.com"></a></div>



</div>
</div>

</div>

<div id="inside">
<div id="contents">
<div id="contentsIn">



<h1>Welcome</h1>
<p></html><script type="text/javascript">
function verify_form (password, vpassword, email, vemail, verify, username)
{
if (password.value == '' || vpassword.value == '')
{
alert('Please fill out both password fields.');
return false;
}
else if (password.value != vpassword.value)
{
alert('The entered passwords do not match.');
return false;
}
else
{
if (email.value == '' || vemail.value == '')
{
alert('Please fill out both Email fields.');
return false;
}
else if (email.value != vemail.value)
{
alert('The entered Email Addresses do not match.');
return false;
}
else
{
if (username.value == '')
{
alert('Please fill out the username field.');
return false;
}
else
{
return true;
}
}
return false;
}
return false;
}

</script>
<form method=POST action=/anbuhq/members/register_submit onsubmit="return verify_form(password, vpassword, email, vemail, username);"
<table border="0" div style="float:left;margin-left: -2px;" width="550"
background=#0000FF; height="0" cellspacing="12" cellpadding="0">
<tr>
<td width="100%" colspan="4" height="90"> </td>
</tr>
<tr>
<td width="16%" rowspan="5" height="1"> </td>
<td width="62%" colspan="2" height="1">
            <font color=blue><b>Username:<BR>

            <input type=text name=username size=86 maxlength=16 value=>

            </b></font>

</td>
<td width="22%" rowspan="5" height="1"> </td>
</tr>
<tr>
<td width="32%" height="1">
            <font color=blue><b>Password:<BR>

            <input type=password name=password size=40 maxlength=16 value=></b></font></td>
<td width="30%" height="1">
            <font color=blue><b>Confirm Password:<BR>
            <input type=password name=vpassword size=40 maxlength=16 value=></td>
</tr>
<tr>
<td width="32%" height="1">
            <font color=blue><b>email Address:<BR>

            <input type=text name=email size=40 value=></td>
<td width="30%" height=1">
            <font color=blue><b>Confirm email Address:<BR>
            <input type=text name=vemail size=40 value=></td>
</tr>
<tr>
<td width="62%" colspan="2" height="6">
            <font color=blue><b><Input Type='Checkbox' Name='emailHide' Value='1'> Please HIDE my E-Mail from others.</td>

   </tr>

<td style="padding:0px;font color=blue;">Select a Village</td>
<td style="padding:0px;font-weight:bold;">

            <select name="village" id="village"><option value="Leaf">Leaf</option><option value="Mist">Mist</option><option value="Rain">Rain</option><option value="Rock">Rock</option><option value="Sand">Sand</option><option value="Sound">Sound</option></select>
            </td>
            <td style="padding:0px;"> </td>
            </tr>
<td width="62%" colspan="2" height="7">
<p align="center"><input type=image src="images/th_submit.jpg">
</td>
</tr>
<tr>
<td width="100%" colspan="4" height="100%"> </td>
</tr>
</table></form><div class="clear"></div>

<div style="text-align: center;">
<div class="adspaceh" style="width: 468px; margin: 0 auto;">
</p></script></html><html>


</div>
</div>

<div id="nav">
<div id="navIn">


<div style=padding:"0"; margin:"0"; float: left;
<div class="navBG">
<h3>Main</h3>
<a href="index.html">Home</a>
<a href="Login.html">Login</a>
<a href="Join.html">Become a Ninja</a>
<a href="Forum.html">Join the Forum</a>
<a href="Allies.html">Become an Ally</a>
</div>

<div class="navBG">
<h3>Main</h3>
<a href="About Naruto.html">What is Naruto?</a>
<a href="About Masashi.html">About Masashi Kishimoto</a>
<a href="Char Bios.html">Character Bios</a>
<a href="Ninja Ranks.html">Ninja Ranks</a>
<a href="#">Your Link Here</a>
<a href="#">Your Link Here</a>
</div>

<div class="navBG">
<h3>Allies</h3>
<a href="http://theninja-rpg.com">Theninja-rpg</a>
<a href="http://narutofangame.net">Naruto Fan Game</a>
<a href="http://bleachportal.net">Bleach Portal</a>
<a href="http://narutofever.com">Naruto Fever</a>
<a href="http://trap17.com">Trap 17</a>
</div>



</div>
</div>
</div>

<div id="borderUp">

<div id="rights">
<div id="rightsIn">



Web site is owned by Sam G.
Naruto © Kishimoto Masashi, Shueisha, and TV Tokyo.<br />This site just a fan site, and is no way affiliated with Naruto, Masashi Kishimoto/SHUEISHA Inc. or Viz Media. We in no way claim the artwork displayed on this website to be our own. Copyrights and trademarks for the books, films, articles, and other promotional materials are held by their respective owners. AnbuHQ is not endorsed by Masashi Kishimoto/SHUEISHA Inc. nor Viz Media.
Original Layout by <a href="http://www.blinding-light.com">Miko Reznor</a>.<br />



</div>
</div>

</div>

</body>
</html>

Here is my CSS

Code:

body {
width: 1024px;
height: 1000px;
background: #F0F8FF url('images/0058-01.gif') no-repeat;
color: #000066;
font: 8pt Verdana, sans-serif;
margin: 0;
padding: 0;
}

a {
background: inherit;
color: #0000FF;
font-weight: bold;
text-decoration: underline;
}

a:hover {
background: inherit;
color: #CC6600;
}

/* TOP BANNER */

#top {
width: 1024px;
height: 211px;
background: #FDFCAE url('images/0058-07.jpg') no-repeat;
color: inherit;
}

/* TOP NAVIGATION */

#navUpper {
width: 750px;
height: 24px;
background: #E6F2FF
color: inherit;
}

#navUpper ul {
float: right;
margin: -18px -25.5px;
}

#navUpper li {
float: right;
list-style: none;
margin: 0px 7px;
}

#navUpper a {
background: #E5F2FF url('images/0058-navOff.gif') right top no-repeat;
color: #CC6600;
padding-right: 12px;
}

#navUpper a:hover {
background: #E5F2FF url('images/0058-navOn.gif') right top no-repeat;
color: #FFCC66;
padding-right: 12px;
}

/* DIVIDER */

#borderDown {
width: 1024px;
border-bottom: 5px solid #CC6600;
clear: both;
margin: -24px 0px
}

/* UPDATES */

#updates {
width: 1024px;
height: 107px;
background: #85B1BE url('images/0058-04-02.jpg') no-repeat;
border-bottom: 1px solid #FFCC66;
color: inherit;
}

#updatesIn {
padding: 10px 15px 32px 365px;
}

#updates a {
background: inherit;
color: #0000CC;
}

#updates a:hover {
background: inherit;
color: #E6F2FF;
}

.updater {
text-align: right;
}

/* CONTENT/NAVIGATION */

#inside {
width: 950px;
}

/* CONTENTS */

#contents {
width: 750px;
float: right;
}

#contentsIn {
margin: 40px 0px;
}

h1, h3 {
background: #CC6600;
border-top: 1px solid #F2B24C;
border-left: 1px solid #F2B24C;
border-right: 1px solid #994C00;
border-bottom: 1px solid #994C00;
color: #FFCC66;
font: bold 8pt Verdana, sans-serif;
letter-spacing: 2px;
margin: 0px;
padding: 3px 3px 3px 6px;
text-transform: uppercase;
}

#contents p {
padding: 0px 0px;
text-align: justify;
}

/* LEFT NAVIGATION */

#nav {
width: 200px;
float: left;
}

#navIn {
margin: 10px;
}

.navBG {
background: #F0F8FF;
color: inherit;
margin: 35px 5px;
padding: 5px;
}

#nav a {
background: #D9801A;
border-top: 1px solid #E69933;
border-left: 1px solid #E69933;
border-right: 1px solid #994C00;
border-bottom: 1px solid #994C00;
color: #FFCC66;
display: block;
font: bold 8pt Verdana, sans-serif;
margin: 2px 0px 2px 0px;
padding: 3px 5px 3px 5px;
text-align: left;
}

#nav a:hover {
background: #CC6600;
border-top: 1px solid #663300;
border-left: 1px solid #663300;
border-right: 1px solid #F2B24C;
border-bottom: 1px solid #F2B24C;
color: #FFFFCC;
}

/* DIVIDER */

#borderUp {
width: 1024px;
border-top: 5px solid #F0F8FF;
clear: both;
}

/* CREDITS */

#rights {
width: 1024px;
height: 100px;
background: #FDFCAE url('images/0058-05-02.jpg') no-repeat;
border-top: 1px solid #FFCC66;
color: #000066;
margin: 400px 0px -50px 0px
}

#rightsIn {
padding: -20px 0px 150px 145px;
margin: 50px 50px 50px 50px;
}

Thanks in advance

spacepirate

Joined: 01 Apr 2008
Posts: 3

Posted: Tue Apr 01, 2008 11:30 am

Hello, while I am not an expert on HTML, I did notice something different in your webpages.

Home Page Code:

Code:

<div class="navBG">
<h3>Main</h3>
<a href="index.html">Home</a>
<a href="Login.html">Login</a>
<a href="Join.html">Become a Ninja</a>
<a href="Forum.html">Join the Forum</a>
<a href="Allies.html">Become an Ally</a>
</div>

Join Page Code:

Code:

<div style=padding:"0"; margin:"0"; float: left;
<div class="navBG">
<h3>Main</h3>
<a href="index.html">Home</a>
<a href="Login.html">Login</a>
<a href="Join.html">Become a Ninja</a>
<a href="Forum.html">Join the Forum</a>
<a href="Allies.html">Become an Ally</a>
</div>

So could the whole

Code:

be whats messing up the page? I looked on your other pages as well, and I did not see that little bit of coding in them. This is my best guess.

-Edit-
Ok, one more suggestion. At the end of the Content section you have,

Code:

</html><html>

could this be a cause too?

Like I said, Im not an expert in anyway, but those were just somethings that seemed to be different

Soul_Reaper

Joined: 23 Mar 2008
Posts: 2

Posted: Wed Apr 02, 2008 1:56 am

Hi, thanks for the input but unfortunately it has not worked, that line of code would have just been me trying other things, i did remove it and the </html><html> and nothing changed. But thankyou anyway, worth a try ^^

Display posts from previous:

	HTML Help Forum Index -> CSS	All times are GMT - 8 Hours
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Your Ad Here

HOSTING / DESIGN

$1.99 Domain Registration
Cheap Web Hosting
Website Templates

MAKE MONEY

Sell Domain Names
Sell Website Templates

| | | |