XCart page showing random code at the top of the page - html

I'm building a website using x-cart and all of a sudden I'm getting this line of code appearing at the top of the page.
class="area-c skin-customer skin-XC_ColorSchemes-customer skin-theme_tweaker-customer authorized target-main no-sidebars">
While navigating through the webmaster mode theme tweaker, it appears this line shows up outside what I would expect in the content (that is, when I click on regular page content the relevant file in theme tweaker is highlighted yet nothing happens when I click the code).
Any advice on clearing this away would be greatly appreciated, thanks!

So it turns out in one of my template files there was an if condition followed by a class without an opening bracket.
I think the reason I hadn't spotted this is that rather than matched the text above, the code read along the lines of
case="{function.doThis()}>

Related

Nav links broken and <s showing as errors in VS Code

I'm building my website directly in HTML, CSS, and JS for the first time. Everything was working perfectly until I signed up for an iOS app called Clone, which I synced with my GitHub account. Inside my faq.html file, I added one space between a link and a word in a paragraph, just as a test.
Afterward, the nav menu on the FAQ page broke and all the <s turned red in VS Code. At the suggestion of #Samirovic, I changed the page icon img src to include _s instead of spaces, which fixed the < errors.
But the URL problem is still happening. The nav menu works on every page except for the FAQ page, which I updated in Clone. On that page, I still get a 404 error page and the URL is doubled within quotes for some reason (which is what causes the error).
URL Example: https://studiooriley.github.io/“https://studiooriley.github.io/contact”
I can't figure out why using the Clone app to add a single space to an FAQ question would cause these issues. I have triple-checked my nav links and can confirm that they're correct. I've been researching for the last six hours and can't find any way to fix this or even anyone else with the same issue.
I would love any help you can provide! I will admit, I'm very new to coding and GitHub, and I didn't understand branches until now, so this all happened in my main branch. I have since made a couple of adjustments in a new branch and in the main branch. I hope you can help. Thank you!
Here's a picture of my HTML in VS Code.
Because of the spaces in the image name inside the src , you must use _ between words

Gravity Forms HTML Block Bug

I recently discovered a bug with gravity forms and I was wondering if you guys could help me and the community.
So, the problem it's with HTML content. I attached the images here. Basically, everything works just fine, when starting a new form, the HTML content it's displayed accordingly.
https://ibb.co/DRJrCzw
But when someone goes to the next page and then comes back to the first one, the content it's displayed like in the image nr.2.
https://ibb.co/Qrz8Wbd
This fixed it for me!
JacKrac (https://www.reddit.com/user/JacKrac/)
Assuming you are a paying customer, have you reached out to support?
With that said, I believe it is because you are using shortcodes in the text.
The second time you visit it, the form content is likely rendered a different way compared to when the page first loads, likely with an Ajax request and/or javascript the second time around and the shortcode is not being processed.
One thing to try would be to copy the generated HTML and paste that into the HTML block in gravity forms, removing all the shortcode.
So, basically:
Open a text editor and save the current content you have in Gravity Forms, so you have a backup of it.
Open a page to view the form and then use your browser's HTML inspector to copy the HTML
Paste the HTML into gravity forms
If that fixes it, I would still reach out to them and ask them about how shortcode is handled within the html block and also let them know you think you found an issue.

HTML code indentation issues in google chrome browser

click this links to see the screenshots
full source code of the home page
source code of the external file
full source code of the home page (in google chrome inspect
view)
full source code of the home page (in google chrome page source
view)
I have been keeping the code indentation in that web pages from the beginning in my code editor. but when i see my site on google chrome, the indentation is not set properly. can I know why is this? I googled this, yet coudn't find an answer or a solution.
It is not Google Chrome's fault. Your files simply get compiled to this form, the browser displays them exactly as they look like.
But why they look like this? In your case PHP's include does only purely textual replacement, as in the picture bellow:
The effect is the same as if you copied the contents of the external file and pasted them to the main file, replacing the include tag.
If you would really insist on having the code indented properly after the include does its job, you would have to add new spaces at the beginning of each line (but first) of the included file. It would shift the text to the right (in this case 4 spaces) and in the result the indentation would be preserved.
However, I'd discourage you from doing so -- it is only the code that is generated, probably no one is going to work with the compiled result. Proper formatting of code is only meant to make the human work easier -- it has no effect on how the page will eventually look like, when rendered by browser. Thus, it probably would suffice if you kept the two source files formatted as they currently are and left the output as is, even though it is not indented well.
If you'd like to have the code properly formatted in the page source view, please remember that you can simply use the "pretty print" button in the lower left corner of the preview:

Failing anchor in Firefox (html)

In run in to some trouble with referring to an anchor at another page.
In Chrome it works in the way I expect it to work, however it won't work in Firefox.
The problem occurs on the page from the following link and then the link in the last line, called 'Artikel 8'.
https://toernooi.skeuvel.nl/programma/
The idea is that it goes to 'https://toernooi.skeuvel.nl/reglementen/' and scrolls down to 'Artikel 8'. Someone who can tell me how to fix this problem?
I'm not having much experience with html...
The page is in dutch, but that won't be a problem the understand the question I think...
In your anchor you are referring to a URL with an appended .html suffix. Remove that so the link is like so:
Artikel 8
Be aware that when a page scrolls down to a fragment identifier, it can only go so far as the height of the page allows. In its current form, the page you are linking to is not heigh enough for the fragment identifier to position itself optimally.

page jumps with <a href> adding websites randomly to links

I'm trying to make page jumps on a page in blogger, using:
Test
for the source and
<a name="Test"></a>
for the target.
And this is all fine and dandy except when I switch from html mode to compose mode...and then back to html mode. When this happens it triggers the above lines to all of a sudden turn in to these two lines:
Test
Where the blogID site is a login for blogger.com and the null site just gives an error message.
It's quite annoying and, while I could just manually delete these added web addresses each time, I am hoping someone out there has a solution that will stop this from happening as i have a lot of jumps and will constantly be updating the page.
Does anyone know why this addition happens and how to stop it?!
Actually sometimes This problem occurs because this link https://www.blogger.com/null generated automatically and cause re-routing of the error page.
To solve this problem, enter the Html tab for the post and then look for this link and then remove it from the code, then publish your post immediately in Html Tab.
and you should not return to compose tab to avoid automatic generation of this link again.
you can see Demo
I had a similar proplem when working with this blog Workscheduling. the solution is to edit the link separately and then test it before pasting.