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.

overlapping on top of the left banner

View previous topic View next topic Go down

Solved overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 1:05 pm

my navigation bar is overlapping on the top of the left banner the only way you can see this is to click on the forum and refresh of click on the home link

http://iyaaz.forumotion.co.uk/



Last edited by iyaaz on February 25th 2014, 2:10 pm; edited 1 time in total

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 1:11 pm

Hi Very Happy

The page is still "Loading Up" even if I do refresh. And if I view it in Google Chrome, I don't see any problem with it Smile.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 1:35 pm

Hello PizzaSmile

pls F5 to refresh the page this is so annoyed me so much

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 5:52 pm

Hi Very Happy

Sorry, but even if I do refresh it over and over again, it doesn't work :/.

Please remove the feature temporarily for awhile so it would be easier for us to solve it Smile.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 6:21 pm

@Pizza Boi wrote:Hi Very Happy

Sorry, but even if I do refresh it over and over again, it doesn't work :/.

Please remove the feature temporarily for awhile so it would be easier for us to solve it Smile.

Regards,
Pizza Boi


finally:wouhou: now you see it's overlapping



iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 7:43 pm

Hi Very Happy



The screenshot above shows my point of view. It appears there is nothing wrong with it at all.

Anyway, if that occurs for you, please clear your cookies and cache or try this code in the CSS:

Code:
img < logo {
position: absolute;
top: 10px;
}

Hope it helps!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 7:52 pm

i just wantnavigation bar to go down on my screenshot above itshowitsoverlapping

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 8:15 pm

Hi Very Happy

You wanted to move the navbar, right?

Well, I can give you the ID and a sample code, but you're the one who has to make the adjustments Smile.

Code:
.mainmenu {
top/bottom/right/left: #px;
padding: #px;
position: absolute/floating/fixed;
}

The one I used with / means those are the options you can use. Also, top/bottom/right/left can also be used together. For example:

Code:
top: 10px;
right: 10px;

And if you think that some of the codes are overlapping, please put !important before the ';' so it would prevent it Smile.

Hope it helps!

Regards,
Pizza Boi

Edit: I may have provided the wrong ID, please try this too:

.linklist navlinks

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 8:22 pm

to confuse nowSad

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 8:25 pm

Hi Very Happy

Please just do this...

ACP < Display < Color < Stylsheet:

Code:
.linklist navlinks {
top/bottom/right/left: #px;
padding: #px;
position: absolute/floating/fixed;
}

Modify the codes I provided until you get the desired results.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 8:32 pm

No effects

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 9:26 pm

Hi Very Happy

Can you please provide me a test account that is admin? Please private message me the details.

If I cannot achieve the desired results through the test account, I will search through one of my test forums and see if the modification of the navigation bar can be done through template editing since I have done this before; however, I cannot accurately remember how I did it.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 25th 2014, 9:45 pm

Code:
body {
  background-color:lightblue;
  color: #FFFFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  height: auto;
  padding: 10px 0;
}
#wrap {
  background-color: #FFFFFF;
  margin: 0 auto;
  min-width: 768px;
  padding: 8px;
  width: 950px;
  box-shadow: 0 0 8px #0C9AE6;
  border-radius:0.5px;
}

.forabg, .forumbg {
  background: url("") repeat-x scroll center top #ECF3F7;
  background-repeat: repeat-x;
  border: 1px solid #FFFFFF;
  clear: both;
  margin-bottom: 0px;
  padding: 0 0px;
 
 
}

.headerbar {
  background: url("") repeat-x scroll center top #FFFFF;
  margin-bottom: 4px;
  padding: 5px 0;
  border-radius: 4px 4px 0 0;
  border: 0px solid #6DBCF9;
 
 
}

li.row {
  border-bottom: 1px solid #C3DBF0;
  border-top: 1px solid #fff;
  background: #FFFFFF;
 
 
}
li.row:hover {
  background-color: #F0F6FB;
}
ul.topiclist dd {
  border-left: 0px solid #FFFFFF;
  display: block;
  float: left;
  padding: 4px 0;
 
 
}

#page-header .navbar {
  background: url("") repeat-x scroll center top #FFFFFF;
 
}
ul.navlinks a.mainmenu {
  color: #FFFFFF;
  font: 13px tahoma,arial,verdana,sans-serif;
  outline: medium none;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  font-weight: bold;
 
 
}
ul.navlinks a.mainmenu:hover {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
ul.navlinks {
  background: url("") repeat-x scroll center top #FFFFFF;
  border-radius: 0 0 7px 7px;
  border-top: 0px solid #FFFFFF;
  bottom: 0px;
  height: 26px;
  position: relative;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
 
 
}

ul.linklist li a img {
  display: none;
}

#page-header .navbar {
  background: transparent;
}

.navbar a {
  color: white;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.navbar {
  background: url("") repeat-x scroll center top #65A5D1;
  clear: both;
  padding: 0 10px;
  color: white;
 
}

.post .corners-bottom, div.post .corners-top {
  display: none;
}
.postbody {
  border: 1px solid #B9D7F1;
  background-color: #F0F6FB;
  border-radius: 2px;
  padding: 8px;
}
.post {
  background: #E6F0F9!important;
  border: 1px solid #C3DBF0;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 3px;
}

  .postprofile {
  background-color: #FFFFFF;
  border-right: 2px solid #CFE3F5;
  color: #536482;
  display: inline;
  min-height: 80px;
  position: relative;
  width: 19%;
  word-wrap: break-word;
  border-bottom: 1px solid #C3DBF0;
  border-radius: 5px 0 5px 0;
  }

.online .postprofile {
  background-image: url("");
  background-position: right top;
  background-repeat: no-repeat;
}

ul#picture_legend {
  background-color: #F0F4F8;
  border: 1px solid #C6D2DC;
  border-radius: 3px;
  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 8px;
  left: 35%;
  display: inline-block;
  position: relative;
  opacity:0.0;
}

might be one does code? and about the admin I don't know how


Last edited by iyaaz on February 25th 2014, 9:46 pm; edited 1 time in total (Reason for editing : updated the code)

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 25th 2014, 10:42 pm

Hi Very Happy

The code you provided isn't the it :/.

Anyway, I made an account there called "Pizza Boi", please add me into the moderator group or admin.

ACP < Users and Group < Group Administration < Add me in Admin/Moderator or w.e is the highest group < Save.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 26th 2014, 5:27 pm

any Moderators can look into this problem and can solved it plz



iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Pizza Boi on February 26th 2014, 8:10 pm

Hi Very Happy

If you would allow me, can you make my account a temporal admin? Also, let me confirm one more time that you want the navbars overlapping on the top left corner, right?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Ange Tuteur on February 27th 2014, 5:17 am

This can happen sometimes during loading. Usually it can occur from scripts, slow connection, or even some widgets that are heavy on the webpage.

My advice is to check what I mentioned above. (at least widgets and scripts)

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on February 27th 2014, 12:17 pm

@Ange Tuteur wrote:This can happen sometimes during loading. Usually it can occur from scripts, slow connection, or even some widgets that are heavy on the webpage.

My advice is to check what I mentioned above. (at least widgets and scripts)


internet speed is fast,even when i have all javascript and widgets tune off it still show up

i made a new diagram how can i move the green arrow pointed towards up


iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by JScript on March 2nd 2014, 10:04 pm

@iyaaz

Try using the following CSS:
Code:

#content-container div#left {
  margin-top: 33px;
}
Change 33 for the number you want!

So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by iyaaz on March 8th 2014, 8:38 pm

Garbage Pls

iyaaz
Forumember

Male Posts : 350
Reputation : 8
Language : English
Location : London

http://iyaaz.forumotion.co.uk/

Back to top Go down

Solved Re: overlapping on top of the left banner

Post by Ange Tuteur on March 8th 2014, 10:42 pm

Topic garbaged at request of user

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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