Some <a> links just stopped working on my site [closed] - html

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
I've ran into some weird problem that didn't exist before. The code is perfect, and all links are defined with LINK. However, many links won't work when on an article post - on the homepage, all links works fine, as far as I can tell.
Here's a link to an article - try clicking on the four top links, for example: http://dedanseglade.no/2014/dd-anmelder-video-ingemars-de-saliges-kvarter/
This has been a problem on all the PC's we tested (and with different, modern web browsers), and it worked before with the same code. Suddenly, some links work, but some don't. I've never experienced anything like this before, and I'm quite experienced with HTML. I'm using the latest version of Wordpress, 3.9.

In your lightbox.js you've got this:
jQuery(document).on('click', 'nav a', function(e) {
e.preventDefault();
//some other code here
});
The links that are not working have been disabled by this lighbox.js so you need to either change the selector in your js file or change the nav element to a div element but this is just a workaround and I don't recommend it.

Related

Github pages is giving me 404 instead of linking to a different page [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 1 year ago.
Improve this question
I started building a website 2 days ago, I made a navbar, but when I click on an item I get a "404 File not found".
I have checked the linking what feels like 100 times and everything seems to be right.
If you want to check the code this is the repository: https://github.com/ancientgreeksters/ancientgreeksters.github.io
And the code for the navbar that is supposed to link is in the "de" folder, index.html file, line 27
I have checked the website locally on my pc and it works, so this seems to be a github issue.
I have also taken a look at similar questions here on stackoverflow, but they don't seem to be sharing the same issue as I am.
If you want to look at the website itself, the start page is working: https://ancientgreeksters.github.io/de/index.htm
But the page I am linking to doesn't work: https://ancientgreeksters.github.io/de/grammatik/uebersicht.html
Edit: I'm rather new to programming, so please dumb any suggestions down for me, if possible.
The issue is the path. The folder is named Grammatik but the URL uses grammatik.
Rename the folder to grammatik to fix the issue.

CSS grid/CSS flexbox doesn't render when I put it on my hosting server [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 2 years ago.
Improve this question
I'm trying to get my very first website up and live, please forgive me for being very new. I've managed to upload it to my web host through the FTP server. The problem lies in visiting the site. When you visit my website http://emcaldwell-dev.com/index.html any flexbox or CSS grid I've used doesn't show. When I open the HTML page on my local PC site it's working the way I want. My index page is supposed to be a flex container with two children using flexbox. On the portfolio page, it displays images one after another when I'm using the CSS grid to display a 3 1 fr box. Any help is greatly appreciated.
So from what I can see, your website is in a grid. If you can't see it correctly on your computer, try clearing your cache in your preferred browser to see if that solves your issue.

Why does Chrome hide part of the dropdowns input? [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 3 years ago.
Improve this question
I've been developing angular apps for a while now, but recently I found an issue in displaying a basic input with type=date in chrome, and I wonder if there is a css trick that I don't know about to let it work.
As you can see, the Monday column is entirely missing.
The code is as simple as it should be, it's basic HTML:
<input type="date">
And the funny fact is that as soon as I resize the window (for example opening and closing the developers console) it starts working fine.
Do you have any idea on how to solve this?
EDIT:
I don't think the issue is with my code at all.
(Link to the question)
It looks like the issue is more related to my second monitor than to chrome itself.
If I open my app or any dropdown on the web from my laptop monitor it shows correctly.
Thank you everybody for the help.

Trouble with using linear gradient in html selector [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
So I've never had an issue doing this before.
I have this:
html {
background: linear-gradient (#1f7c65, #60d4ae);
}
It's doing nothing. Should be super straightforward. I've even stripped all other CSS to be sure there wasn't something else affecting it. So the above line is the only styling applied to the entire document.
If I add a
background-color: red;
It works fine.
When I look at the code in the in-browser console, it has the linear-gradient attribute struck through, as if there was an overriding problem.
I've cross-referenced with any other sites I've made that use gradients. The code block is identical. I've checked it against W3Schools, thinking maybe I'm just having a stupid day (it is Monday).
Tested in three browsers: Firefox, Chrome, and Safari (all most current update). Tested with both hex codes and CSS color names.
Anyone have any ideas?
Thanks in advance!
Has to do with the spacing, delete the space between the word gradient. and also uncomment the hex color

mystery symbol on page [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
I have looked at the markup for this page forever and I can't for the life of me figure out why there is a "greater than" symbol visible on this page in between the navigation and the main content. I keep staring at it because it bugs me but I don't see the mistake. Any help is greatly appreciated.
Page: http://cdaniels75.github.io/210/schedule.html
On line 57 of the source is this:
<tr><td>33</td> <td>04.28</td>><td>FINALS WEEK<br /><h6><a
Notice the extra > between <td>s.
That said you have a large number of markup errors on this page, like unclosed <a> tags and such. Run it through the validator.
in your favorite browser with dev tools installed, right-click on the ">" and select Inspect element (or similar) from the popup menu...