MyBB Community Forums

[attachment=32709]
I recently upgraded to 1.8 from 1.6 which blew away all my themes. I had "fun" time redoing them. Anyway, I got most of the bugs figured out but this one thing is driving me nuts.

I am trying to put the welcome block inline with my logo but no matter what I try in the header template I can't get them to line up. Either the welcome block or the logo will go on the red part but not both. Perhaps someone who is smarter than me at this css stuff can figure this out?

I noticed this same issue with other items in the template. Like items inside the welcome block for example. If I try to move private messages to another line by itself it won't line up correctly.

Here is my header template.

<div id="container">
  	<div id="header">
			<div class="wrapper">
					 <ul class="menu top_links">
                       <li><a href="http://crownvic.ca" class="home">{$lang->toplinks_home}</a></li>
                       <li><a href="{$mybb->settings['bburl']}/" class="forum">{$lang->toplinks_forum}</a></li>
                       {$menu_search}
						{$menu_memberlist}
						{$menu_calendar}
						<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
                       <li><a href="{$mybb->settings['bburl']}/buy.php" class="merchandise">{$lang->toplinks_buy}</a></li>
                       <li><a href="http://crownvic.ca/gallery" class="gallery">{$lang->toplinks_gallery}</a></li>
                       <li><a href="{$mybb->settings['bburl']}/donate.php" class="donate">{$lang->toplinks_donate}</a></li>
					</ul>
				</div>
      <div class="wrapper">
                  <div id="panel">
						<div class="upper">
                          <div class="wrapper">
                            <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                            {$welcomeblock}
                            
				 		</div>
      
  	</div>	
 <a name="top" id="top"></a>
		<div id="header">
			<!--<div id="logo">-->
				
						   </div>
							<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
							<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
					</div>
				
              
					<!--<div id="content">-->
			<div class="wrapper">
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers}
				<navigation>
				<br />

you can try like this

.welcome {
position: relative;
top: -100px;
left: 40px;}

you may also have to change background color of the welcome block (links are in red color)

That moved part of the welcome block over. The links should be ok in red because that block has a white background.

Edit: I got it working. Thanks for the tip.

^ oh, instead of for class .welcome , you can try such style properties for div #panel

if above doesn't help then post a test user account so that someone can check it

If you float and specify a width for both I think it will be displayed inline, something like

#header {
    width: 1024px;
}

.logo {
    float: left;
    width: 512px;
}

.menu {
    float: right;
    width: 512px;
}