MyBB Community Forums

Full Version: Help Aligning Areas In Header
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Greetings,
I am expirementing with the placement of things in the header, and I would like to place the welcome block right next to the logo up top. So it looks something like this:
[attachment=1214]

How do I make sure that the welcome block displays right next to the logo, no matter how wide it makes the page? I am sure that there is some simple way to do this (ie html tables), but I can't seem to get it right. Thanks in advance!

And here is my header code, if it is any help:
	<script language="Javascript" type="text/javascript">
		 var cookieDomain = "$settings[cookiedomain]";
		 var cookiePath = "$settings[cookiepath]";
		 var quickdelete_confirm = "$lang->quickdelete_confirm";
		 var newpm_prompt = "$lang->newpm_prompt";
		 var deleteevent_confirm = "$lang->deleteevent_confirm";
		 var removeattach_confirm = "$lang->removeattach_confirm";
	</script>
	<div id="container">
		<div id="header">
			<div class="logo"><a href="$settings[bburl]/index.php" name="top"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a>
			</div>
			<div class="menu">
				<ul>
					<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
					<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
					<li><a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
				</ul>
			</div>
			<hr class="hidden" />
			<div id="panel">
				$welcomeblock
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			$bannedwarning
			$bbclosedwarning
			$unreadreports
			<navigation>
			<br class="clear" />

Try this:

Quote:<script language="Javascript" type="text/javascript">
var cookieDomain = "$settings[cookiedomain]";
var cookiePath = "$settings[cookiepath]";
var quickdelete_confirm = "$lang->quickdelete_confirm";
var newpm_prompt = "$lang->newpm_prompt";
var deleteevent_confirm = "$lang->deleteevent_confirm";
var removeattach_confirm = "$lang->removeattach_confirm";
</script>
<div id="container">
<div id="header">
<div class="logo" style="float: left;"><a href="$settings[bburl]/index.php" name="top"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a>
</div>
<div id="panel" style="float: right;">
$welcomeblock
</div>
<div class="menu">
<ul>
<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
</ul>
</div>
<hr class="hidden" />
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
$bannedwarning
$bbclosedwarning
$unreadreports
<navigation>
<br class="clear" />

Copy and paste that into your header template
Thanks for the reply! When I tried that, all it did was raise the navigation links up by the logo:
http://www.webdevote.com

Do you have any other ideas?
It looks like it worked. Wasn't that what you wanted?
Not exactly, when I used the code that you provided, I got:
[attachment=1215]

I would like it so it looks like this:
http://community.mybboard.net/attachment.php?aid=1214

Thanks!
oh ok try this then...

Quote: <script language="Javascript" type="text/javascript">
var cookieDomain = "$settings[cookiedomain]";
var cookiePath = "$settings[cookiepath]";
var quickdelete_confirm = "$lang->quickdelete_confirm";
var newpm_prompt = "$lang->newpm_prompt";
var deleteevent_confirm = "$lang->deleteevent_confirm";
var removeattach_confirm = "$lang->removeattach_confirm";
</script>
<div id="container">
<div id="header">
<div class="logo" style="float: left;"><a href="$settings[bburl]/index.php" name="top"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a>
</div>
<div id="panel" style="float: right;">
$welcomeblock
</div>
<hr class="hidden" />
<div class="menu">
<ul>
<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
</ul>
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
$bannedwarning
$bbclosedwarning
$unreadreports
<navigation>
<br class="clear" />
There doesn't seem to be a difference, between this and the first one. It still has the links next to the logo:
http://www.webdevote.com
HERE....I tested this on mine and the toplinks are BELOW the logo and the welcoemblock:

Quote:<script language="Javascript" type="text/javascript">
var cookieDomain = "$settings[cookiedomain]";
var cookiePath = "$settings[cookiepath]";
var quickdelete_confirm = "$lang->quickdelete_confirm";
var newpm_prompt = "$lang->newpm_prompt";
var deleteevent_confirm = "$lang->deleteevent_confirm";
var removeattach_confirm = "$lang->removeattach_confirm";
</script>
<div id="container">
<div id="header">
<div class="logo" style="float: left;"><a href="$settings[bburl]/index.php" name="top"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a>
</div>
<div id="panel" style="float: right;">
$welcomeblock
</div>
<hr class="hidden" />
</div>
<hr class="hidden" />
<br class="clear" />
<div class="menu">
<ul>
<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
<li><a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
</ul>
</div>
<div id="content">
$bannedwarning
$bbclosedwarning
$unreadreports
<navigation>
<br class="clear" />
lol...this is weird. I just entered your latest code, and it seems the same. When you go to my site, is the welcome panel directly to the right of my logo? If so, there must be something wrong with my browser's cache.
Yep, just press SHIFT + F5...it looks like what I had planned on my test forum. And I believe that show you wanted it.
Pages: 1 2