Problem allignment menu in my style

[migratoria]

Hi

I have a problem to allignment in my stile in vbulletin

Style is Totallypro
http://www.completevb.com/product/13


See screenshot:

valutwiki2.jpgwiki.jpg


Can you help me?

[pegasus]

If your vBulletin version is < 4.2.0 and you have a custom navbar, then you will have to modify the template vw_navbar so that it matches your existing navbar code.

[migratoria]

My style it's optimized for vb 4.20 the navbar it's standard with more 'only a few

vw_navbar where is it?

[pegasus]

VaultWiki doesn't use a navbar template in vBulletin 4.2. vBulletin's built-in Navigation Manager creates the HTML automatically. I would need a link to your site to investigate but I'm aware that vBulletin < 4.2.2 (maybe 4.2.2 also) has unclosed tags in its default navbar template that can potentially cause issues.

[migratoria]

My default Navbar in template Totally pro 4.2.0

<div id="navbar" class="navbar">
<div class="navbarLeft"><div class="navbarRight">
	<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
		{vb:raw template_hook.navtab_start}
		{vb:raw navigation}
		{vb:raw template_hook.navtab_end}
	</ul>

	<vb:if condition="$vboptions['enablesearches']">
	<div id="searchBox" class="searchBox">
		<form action="search.php?{vb:raw session.sessionurl}do=process" method="post">
			<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
			<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
			<input type="hidden" name="do" value="process" />
			<span class="searchBox_container"><input type="text" value="" class="textbox" name="query" tabindex="99"/></span>
			<span class="searchBox_button"><input type="image" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span>
		</form>
		<ul class="searchBox_advanced_search">
			<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>
		</ul>
	</div>
	</vb:if>
</div></div>
</div>
</div><!-- closing div for above_body -->

<!-- Custom Content Wrap -->
		<div id="contentMain">
<!-- Custom Content Wrap End -->

<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight">
	<ul class="floatcontainer">
		<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

		{vb:raw navbits.breadcrumb}
		{vb:raw navbits.lastelement}
	</ul>
	<hr />
</div></div>
</div>

{vb:raw ad_location.ad_navbar_below}
{vb:raw ad_location.global_below_navbar}

<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
	<form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
		<input type="hidden" name="do" value="dismissnotice" />
		<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
		<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
		<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
		<input type="hidden" name="url" value="{vb:raw return_link}" />
		<ol>
			{vb:raw notices}
		</ol>
	</form>
</vb:if>

[pegasus]

I need to be able to visit your site while the navbar is messed up, or I can't see what the problem is exactly. The picture was helpful to understanding that there is a problem, but I can't know why until I can investigate it while it's occurring.

[migratoria]

Ok
Url: http://www.migratoria.it/forum/wiki_index.php

The style in vbulletin forum it's named "Totalmygra2013"

[migratoria]

Hi Pegasus

I have Send my Url but the post it's in awaiting to moderation
Can you see?

[pegasus]

VaultWiki pages are HTML5, so they do not have an xmlns attribute. So your custom CSS doesn't work on wiki pages:

html[xmlns] .clearfix {
display: block;

I'm not sure why that distinction needs to be made in your stylesheet. If there is an important reason, you could also add

.contentWrap.clearfix {
display: block;
}

[migratoria]

In which files I need to add this code?
I tried We add

html[xmlns] .clearfix {
	display: block;
}

to

html[xmlns] .clearfix {
	display: block;
. ContentWrap.clearfix {
display: block;
}}

in additional.css but does not work

[pegasus]

html[xmlns] .clearfix {
	display: block;
}

.contentWrap.clearfix {
	display: block;
}

[migratoria]

I have add in additional.css

html[xmlns] .clearfix {
	display: block;
}

.contentWrap.clearfix {
	display: block;
}

The bar is now aligned but the links upper are not aligned to the left

[pegasus]

Your logo is taller than the header after it renders (by 3px), so it's pushing some stuff below it to the right. I'm not positive why it's not affecting all your forum pages, but you can fix it like so. Add:

#logo {
	display: inline-block;
	float: none;
}

It might be related to the use of quotation marks in your site title. The quotation marks are not escaped and are wreaking havoc in the document HEAD throughout your site. I would advise not using quotation marks at all, changing them to &amp;quot; (which may have negative side effects in email messages), or replacing them with single-quotes like 'words'

[migratoria]

It works correctly
Tanks Pegasus. Great Support