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.

Two Codes Are Interfering With Each Other

View previous topic View next topic Go down

Solved Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 3:33 am

I have a code that is interfering with another code this code below moves my toggle category buttons over the category title

Code:
.main-head .page-title {
box-shadow:0px 2px 2px rgba(0,0,0, 0.3) inset;
background:rgba(0,0,0, 0.3);
border-radius:4px !important;
display:inline-block;
padding:4px;
}


Last edited by SLGray on January 22nd 2014, 3:36 am; edited 4 times in total (Reason for editing : code went wacko weird)

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by SLGray on January 22nd 2014, 3:37 am

Try this:
Code:
.main-head .page-title {
  box-shadow:0px 2px 2px rgba(0,0,0, 0.3) inset;
  background:rgba(0,0,0, 0.3);
  border-radius:4px !important;
  display:inline;
  padding:4px;
  }


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


SLGray
Administrator
Administrator

Male Posts : 36619
Reputation : 2439
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 3:38 am

same

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by SLGray on January 22nd 2014, 3:49 am

Are you sure that these two codes are interfering with each other?


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


SLGray
Administrator
Administrator

Male Posts : 36619
Reputation : 2439
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 3:55 am

@SLGray wrote:Are you sure that these two codes are interfering with each other?
yes because If I remove the code that stick the boarder around the category text the toggle button goes back to its correct spot


Last edited by BewizPro on January 22nd 2014, 3:56 am; edited 1 time in total (Reason for editing : typo error)

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:05 am

Hello,

The reason this occurs is because you're displaying the title as an inline element while it is usually displayed as a block level element. Now when it is displayed as a block it spans from left to right depending on its parents size. Your category toggler is appended to the title which is why it is attached to it, or conflicting as you have said. In fact it is not conflicting with anything since the script you're using has appended it to the title.

When you display it is an inline element it will only take up space depending on its contents. If you wish you can see how it looks displayed as a block level element.
Code:
.main-head .page-title {
  box-shadow:0px 2px 2px rgba(0,0,0, 0.3) inset;
  background:rgba(0,0,0, 0.3);
  border-radius:4px !important;
  display:block;
  padding:4px;
  }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:07 am

nothing happened with that code

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:09 am

May I ask, have you removed the code that you originally posted above before testing ?

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:18 am

yes

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:24 am

Well, since your button is appended to the title you could try positioning absolutely inside the main header.

For example :
Code:
.page-title { position:static !important; }
.main-head { position:relative; }
.contract, .expand {
position:absolute;
top:5px;
right:5px;
}

Then just readd your old CSS for styling the title.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:31 am

@Ange Tuteur wrote:Well, since your button is appended to the title you could try positioning absolutely inside the main header.

For example :
Code:
.page-title { position:static !important; }
.main-head { position:relative; }
.contract, .expand {
position:absolute;
top:5px;
right:5px;
}

Then just readd your old CSS for styling the title.
the code will not move the toggle button I'm not sure what the issue is

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:31 am

It could be coming from your script to append the button, then.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:33 am

this is what the last code you gave me did lol

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:37 am

Then add this back in to style the page title :

Code:
  .main-head .page-title {
box-shadow:0px 2px 2px rgba(0,0,0, 0.3) inset;
background:rgba(0,0,0, 0.3);
border-radius:4px !important;
display:inline-block;
padding:4px;
}

That is what you wanted to do, no ? Otherwise you will not see any changes.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:41 am

@Ange Tuteur wrote:Then add this back in to style the page title :

Code:
  .main-head .page-title {
box-shadow:0px 2px 2px rgba(0,0,0, 0.3) inset;
background:rgba(0,0,0, 0.3);
border-radius:4px !important;
display:inline-block;
padding:4px;
}

That is what you wanted to do, no ? Otherwise you will not see any changes.
I added that code back in my very first post and no luck I have messed with the numbers to see if that will move the toggle and nope its stuck right there in that corner.Laughing

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:43 am

Add important to the position properties.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:49 am

still nothing that is strange once I remove the code the toggle goes back to the right spot I don't know what code that I'm running would be interfering with it.

Just like if I disable the forumotion bar at the top it knocks out the toggle button completely.

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:54 am

You did this ? :
Code:
.page-title { position:static !important; }
.main-head { position:relative !important; }
.contract, .expand {
position:absolute !important;
top:5px !important;
right:5px !important;
}
  .main-head .page-title {
  box-shadow:0px 2px 2px rgba(0,0,0, 0.3) inset;
  background:rgba(0,0,0, 0.3);
  border-radius:4px !important;
  display:inline-block;
  padding:4px;
  }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by TruStealth™ on January 22nd 2014, 5:56 am

that right there solved the problem


Thanks for all your help. Sorry if I drove you bonkers lol

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: Two Codes Are Interfering With Each Other

Post by Ange Tuteur on January 22nd 2014, 5:58 am

You're welcome, don't worry about. Smile

Topic solved and archived

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