header template problems

[jacko_162]

I have a design problem with my header which i cant resolve and i hope someone here who knows a little more about it can.

this is my header Template;

<script type="text/javascript" src="http://www.tapatalk.com/files/tapatalkdetect.js"></script>
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header2" class="floatcontainer doc_header"> {vb:raw ad_location.ad_header_logo}
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr valign="top">
        <td width="336"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" 
alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></td>
        <td><div align="center">
          <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td rowspan="3"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                <td><img src="images/banner/1.gif" border="0"></td>
                <td background="images/banner/2.gif"><img src="images/banner/2.gif" border="0"></td>
                <td><img src="images/banner/3.gif" border="0"></td>
              </tr>
              <tr>
                <td background="images/banner/4.gif"><img src="images/banner/4.gif" border="0"></td>
                <td bgcolor="#f1e8c5"><!--@vbbanners:2@--></td>
                <td background="images/banner/5.gif"><img src="images/banner/5.gif" border="0"></td>
              </tr>
              <tr>
                <td><img src="images/banner/6.gif" border="0"></td>
                <td background="images/banner/7.gif"><img src="images/banner/7.gif" border="0"></td>
                <td><img src="images/banner/8.gif" border="0"></td>
              </tr>
            </table>
        </div></td>
        <td><img src="http://www.ocean-wonders.co.uk/messageboard/images/island.png" border="0"></td>
      </tr>
    </table>
</div>
<div id="header" class="floatcontainer doc_header"><div id="toplinks" class="toplinks">
		<vb:if condition="$show['member']">
			<ul class="isuser">
				<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onClick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
				<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
				</vb:if>				
				<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
				<vb:if condition="$notifications_total">
				<li class="popupmenu notifications" id="notifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
					<ul class="popupbody popuphover">
						{vb:raw notifications_menubits}
					</ul>
				</li>
				<vb:else />
				<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
					<div class="popupbody popuphover">
						<p>{vb:rawphrase no_new_messages}</p>
						<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
					</div>
				</li>
				</vb:if>
				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
			</ul>
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
		<vb:else />
			<ul class="nouser">
			<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
			</vb:if>			
				<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
				<li>
			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
			<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onSubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
				<fieldset id="logindetails" class="logindetails">
					<div>
						<div>
					<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
					<input type="password" class="textbox default-value" tabindex="102" name="vb_login_password" id="navbar_password" size="10" onFocus="this.style.color='black';" />
					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
						</div>
					</div>
				</fieldset>
				<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>
			
				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="login" />
				<input type="hidden" name="vb_login_md5password" />
				<input type="hidden" name="vb_login_md5password_utf" />
			</form>	
				</li>
			</ul>
		</vb:if>
	</div>
	<div class="ad_global_header">
		{vb:raw ad_location.global_header1}
		{vb:raw ad_location.global_header2}
	</div>
	<hr />
	{vb:raw ad_location.ad_header_end}
</div>

and this is what its doing (attached)

i tried adding a float style;

style="float:right; margin: 5px -12px 5px 10px;"

but that makes it works

im not sure if it has anything to do with the size of my header title?

current link is:
www.ocean-wonders.co.uk/messageboard

hopefully someone can help me so i can move forward with some more designing the articles and blogs.

[Lynne]

Where is it you want it to be? Your problem is that that form is positioned "absolute" and by default, top is 0. So, set top to something like -100px and it will move it up.

[jacko_162]

Originally Posted by Lynne

Where is it you want it to be? Your problem is that that form is positioned "absolute" and by default, top is 0. So, set top to something like -100px and it will move it up.

worked a treat.

ty lynne