The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Back requesting more CSS help...

View previous topic View next topic Go down

In progress Back requesting more CSS help...

Post by EEYEN3 on September 10th 2014, 3:47 am

OK... so the support forum helped me to achieve exactly what I wanted out of a header. Then chrome updated, and now the spacing is all kinds of fucked.

http://www.xwa-universe.com/forum

It differs depending on browser. I've set it up so it works on Chrome if you disable DirectWrite, but others completely different spacing... In Opera it was still functional (for me) before disabling DirectWrite. In Firefox the spacing is even worse.

Is there anyway to have spacing of the navbar buttons over the logo that doesn't make the site look awful on all browsers?

Remember, I am awful at CSS and don't know what I'm doing.

To get it out of the way, this is the CSS code on the site:
Code:
a { text-decoration: none; }
#chatbox_members ul {
font-size: 9.5px !important;
}

body {
background:url('http://i.imgur.com/1yBt9xc.jpg')repeat;
background-position: top center
background-attachment: fixed;
}

a[href="/h1-test"] {
position: relative;
bottom: 24px;
left: 0px;
}

a[href="/t264-vendetta-schedule-guide"] {
position: relative;
bottom: 24px;
}

#i_logo { margin-bottom:-77px }
#i_logo { margin-left:-6px }
#i_icon_mini_faq { margin-right:167px }
#i_icon_mini_members { margin-left:78px }

#i_icon_mini_index{width:80px; height:44px; background:url(http://i.imgur.com/Cfz28Y4.png) no-repeat 0 0;}

#i_icon_mini_portal{width:0px; height:0px; background:url(http://illiweb.com/fa/empty.gif) no-repeat 0 0;}

#i_icon_mini_gallery{width:0px; height:0px; background:url(http://illiweb.com/fa/empty.gif) no-repeat 0 0;}

#i_icon_mini_calender{width:0px; height:0px; background:url(http://illiweb.com/fa/empty.gif) no-repeat 0 0;}

#i_icon_mini_faq{width:80px; height:44px; background:url(http://i.imgur.com/htgRlMy.png) no-repeat 0 0;}

#i_icon_mini_search{width:80px; height:44px; background:url(http://i.imgur.com/KWslxyy.png) no-repeat 0 0;}

#i_icon_mini_members{width:80px; height:44px; background:url(http://i.imgur.com/r1pz7bF.png) no-repeat 0 0;}

#i_icon_mini_profile{width:80px; height:44px; background:url(http://i.imgur.com/NcOfeWu.png) no-repeat 0 0;}

#i_icon_mini_message{width:80px; height:44px; background:url(http://i.imgur.com/P47mY2u.png) no-repeat 0 0;}

#i_icon_mini_new_message{width:80px; height:44px; background:url(http://i.imgur.com/nwc69qe.png) no-repeat 0 0;}

#i_icon_mini_logout{width:80px; height:44px; background:url(http://i.imgur.com/SXvv0sw.png) no-repeat 0 0;}

#i_icon_mini_register{width:80px; height:44px; background:url(http://i.imgur.com/GSFZejg.png) no-repeat 0 0;}

#i_icon_mini_login{width:80px; height:44px; background:url(http://i.imgur.com/8eIOd9a.png) no-repeat 0 0;}

a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }

a.mainmenu:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
    }

EEYEN3
Forumember

Posts : 80
Reputation : 1
Language : English

Back to top Go down

In progress Re: Back requesting more CSS help...

Post by SLGray on September 10th 2014, 3:55 am

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

Is your navigation menu part of the forum's logo/banner?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Back requesting more CSS help...

Post by APE on September 10th 2014, 3:59 am

A screen shot of what it should look like will help us some more Wink





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Back requesting more CSS help...

Post by Ange Tuteur on September 10th 2014, 5:12 pm

Hi EEYEN3,

How does it look now ? It looks like this to me :

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum