[newn]

Hi. The page looks like in the screenshot below, when Using this code for the menu:

<script type="text/javascript">
<!--
	lang.username = "{$lang->login_username}";
	lang.password = "{$lang->login_password}";
	lang.login = "{$lang->login}";
	lang.lost_password = "<a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\" class=\"lost_password\">{$lang->lost_password}<\/a>";
	lang.register_url = "<a href=\"{$mybb->settings['bburl']}/member.php?action=register\" class=\"register\">{$lang->welcome_register}<\/a>";
	lang.remember_me = "{$lang->remember_me}";
// -->
</script>
<!-- Continuation of div(class="upper") as opened in the header template -->
	<span class="welcome" id="quick_login">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;" class="login">{$lang->welcome_login}</a> <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
	</div>
</div>
<div id="panel">
<div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
<div class="wrapper">
<ul class="menu top_links_diff">
<li><a href="link">Name</a></li>
<li><a href="link">Name</a></li>
<li><a href="link">Name</a></li>
<li><a href="link">Name</a></li>
<li><a href="link">Name</a></li>
<li><a href="link">Name</a></li></ul>
</ul>
</div>

When without this menu, it looks okay, however... And it looks like that only on IE7 or any MAC browser.
I think that there is no line break, I've tried adding <br /> though, but it didn't work apparently.
If you need a live version of it, I could possible put the faulty code in and let you check it, but I'd rather not to, because there are visitors who uses IE7.

[init.d.httpd]

Put up a live version, but also make sure you floated the menu or cleared the floats before it, otherwise it will cause the issue you are describing

[newn]

It works okay, when you are logged in for some reason...
Live version: http://en.ekstaze.net.

[init.d.httpd]

You have

<div id="panel">
   <div class="upper">
      <div class="wrapper">
         <div id="panel">
            <div class="upper">
		<div class="wrapper">

Did you realize that?

[newn]

Yes, it works well with the menu for members. I don't know why it doesn't with with Guests.
I don't know of a better way to implement a menu into that template, because I have no experience on editing templates that way, unless it's a plain code in a plain file...
I would also add mouse-over effects, if I would know how to.

[init.d.httpd]

You need to put the second <div id="panel"> after the closing first panel, not inside of it.

also

a:hover{

}

controls link hover over styles.

[newn]

It still doesn't work after closing the div tag before opening another one with the panel... Same result.

[init.d.httpd]

put the code in the site again so I can see how you did it.

[newn]

Done.

[init.d.httpd]

Add

    clear: both;

to #panel .upper

#panel .upper ul.top_links_diff is floated left. that's what's causing your issue.

This post has been edited by init.d.httpd: 23 March 2011 - 07:29 AM

[newn]

It helped, thanks.
Can you check it now? I added the menu to the right side with float: right;, without it - it just sits under the ones without float.

[init.d.httpd]

right, but you need to clear that float for the rest of the content to appear correctly.

create

.clear{
clear:both;
}

then right before you content div add

<div class="clear"></div>

this will clear the float and should make the content appear correctly.

EDIT:// or just add clear:both to #content

This post has been edited by init.d.httpd: 23 March 2011 - 08:36 AM

[newn]

Thanks, that work well with the page width... But there's another problem: The right menu should be a little bit upper than it is now. It is off the line now. How could I fix that? I've tried using align, but apparently it didn't worked...

[init.d.httpd]

you need to learn about floating elements in css.

[newn]

Yes, I do. I know only plain HTML, most of the time. Or at least how to use it...