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 Tue 9 Sep - 21:47

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 Tue 9 Sep - 21:55

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 38007
Reputation : 2563
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by APE on Tue 9 Sep - 21:59

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



avatar
APE
Manager
Manager

Male Posts : 9442
Reputation : 844
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 Wed 10 Sep - 11:12

Hi EEYEN3,

How does it look now ? It looks like this to me :
avatar
Ange Tuteur
Forumaster

Male Posts : 13068
Reputation : 2742
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