topnavwrap and topnav

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
5/26/2012 5:13:21 PM
Andrew
Gravatar
Total Posts 59
View Posts

topnavwrap and topnav

I'm trying to change the alignment of topnavwrap and topnav in my layout.master files, but in every artisteer template, they don't appear to be aligned left or right, they are somewhere in between.

Does anybody know how to align this to the center? I've check through the css files and can't see it there either, or in theme.skin.

Originally they were showing in the footer in the 31 mellow yellow template, however I managed to put them back to the top of the website by moving them here, just after art-main, but I still want to get this centered, or correctly aligned left.

<div id="art-page-background-middle-texture">
        <div id="art-main">      
        
            <div class="topnavwrap">
                <div class="topnav">
                    <ul>
                        <portal:WelcomeMessage ID="WelcomeMessage" runat="server" RenderAsListItem="true"
                            ListItemCss="firstnav" />
                        <portal:HomeLink ID="HomeLink" runat="server" RenderAsListItem="true" />
			            <portal:MobileSkinLink ID="mobileskin" runat="server" RenderAsListItem="true" />
                        <portal:SiteMapLink ID="SiteMapLink2" runat="server" CssClass="sitelink" RenderAsListItem="true" />
                        <portal:MyPageLink ID="MyPageLink1" runat="server" RenderAsListItem="true" />
                        <portal:UserProfileLink ID="UserProfileLink" runat="server" RenderAsListItem="true" />
                        <portal:MailboxLink ID="MailboxLink1" runat="server" RenderAsListItem="true" />
                        <portal:MemberListLink ID="MemberListLink" runat="server" RenderAsListItem="true" />
                        <portal:SearchInput ID="SearchInput1" LinkOnly="True" RenderAsListItem="true" runat="server" />
                        <portal:RegisterLink ID="RegisterLink" runat="server" RenderAsListItem="true" />
                        <portal:LoginLink ID="LoginLink" runat="server" RenderAsListItem="true" />
                        <portal:LogoutLink ID="LogoutLink" runat="server" RenderAsListItem="true" />
                    </ul>
                </div>
	        </div>

 

5/26/2012 5:20:25 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: topnavwrap and topnav

Some of them do actually look like they are aligned correctly, I'm just looking for a way to place them where I want depending on the template I choose. I like the mellow yellow template as a starting point, apart from where the sign in menu is.

5/26/2012 5:39:48 PM
Andrew
Gravatar
Total Posts 59
View Posts

Re: topnavwrap and topnav 

<div class="topnavwrap" style="margin-left: -5cm;">

This appears to have done the trick. Whether this will work across different browsers or not I'm not sure. I would have thought so?

5/28/2012 12:06:27 PM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: topnavwrap and topnav

Most of them use absolute position to put it at the top, and the alignment has a lot to do with the width specified on the div.topnav{} selector in stylemojo.css:

div.topnavwrap { position:absolute; top:0; left:0;   margin:0px 0px 0px 0px; width:95%; z-index:100; padding:5px 0px 7px 10px; }
div.topnav { width: 940px; margin-left:auto; margin-right:auto; }

If you adjust the width there you should be able to see changes in the alignment.

Hope that helps,

Joe

You must sign in to post in the forums. This thread is closed to new posts.