Not Solved [HELP]Problem with Accord theme
#1
Not Solved
Hey,
I need a help with these things. I tried to align the logo and menu of my forum to center in two lines. But I got this.

[Image: SQbNa.png]

This is my logo and menu CSS file.


.logo {
float: center;
margin-top: 15px;

align: center;
text-align: center;
}

.menu {
letter-spacing: -.5px;

margin-top: 10px;

text-align: center;
font-family: 'Verdana';
font-size: 15px;
}

.menu ul {
color: #fff;
font-weight: bold;
text-align: right;
padding: 4px;
list-style: none;
margin: 0;
}

.menu li {
display: inline;
padding-left: 20px;
}

.menu ul a:link {
color: #a3a3a3;
color: rgba(255, 255, 255, .6);
text-decoration: none;
}

.menu ul a:visited {
color: #a3a3a3;
color: rgba(255, 255, 255, .6);
text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
color: #fff;
color: rgba(255, 255, 255, 1);
text-decoration: none;
text-shadow: 0 0 10px #fff;
}


And my header file part is this.

<div class="logo" ><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<table align="center" width="100%"><tr><td><div class="menu" align="center">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.png" alt="" title="Search HTF" style= " margin-bottom : -6px" />Search</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="Member list" style= " margin-bottom : -6px" />Member List</a></li>
<li><a href="{$mybb->settings['bburl']}/myachievements.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/achievements.png" alt="" title="HTF Achievements" style= " margin-bottom : -6px" />Achievements</a></li>
<li><a href="{$mybb->settings['bburl']}/mydownloads.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/shop.png" alt="" title="HTF Shop" style= " margin-bottom : -6px" />&nbsp;HTF Shop</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.png" alt="" title="Want Help?" style= " margin-bottom : -6px" />&nbsp;{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/games.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/games.png" alt="" title="HTF Games" style= " margin-bottom : -6px" />Games</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php?action=bank"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/bank.png" alt="" title="HTF Bank" style= " margin-bottom : -6px" />Bank</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php?action=lottery"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/lottery.png" alt="" title="HTF Jackpot" style= " margin-bottom : -6px" />&nbsp;Lottery</a></li>

</ul>
</div></td></tr></table>

Can anyone help me with this. It is like this for me, but for some members it is aligned to right and for some members it is working fine. Why is it like that for different systems.

My forum link is www.hitechforums.net
Reply
#2
Not Solved
try
 
.logo {
float: center;
margin: auto auto; (this should center it if not see what i've put for left)
position: relative;
top: 15px;
left: (place whatever you want here, i suggest in % for, so try %12)
}
Reply
#3
Not Solved
Thanks man. I will try it.
What about menu then.It is still like that for some members. For me it is working fine.
Reply
#4
Not Solved
Hm you could try the same here:

.menu {
letter-spacing: -.5px;
margin: auto auto;
margin-top: 10px;
text-align: center;
font-family: 'Verdana';
font-size: 15px;
}
Reply
#5
Not Solved
Thanks for that man. I think it worked.
It is not working man..
Still need help..
My site is www.hitechforums.net
Reply
#6
Not Solved
Set a width,and position it.
Reply
#7
Not Solved
In your global.css

Find
.menu {
    font-family: 'Verdana';
    font-size: 15px;
    letter-spacing: -0.5px;
    margin-top: 5px;
    text-align: center;
    width: 80%;
}

Set the width to 85%

It works for me Smile
Building up a new forum Wink
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)