I am new to HTML 5 and I recently created a page that has an issue. I grouped my navi links together with a tag and it works great. The problem is that none of the other links on the page work at all. This may be an obvious fix but I have been struggling for hours. I can provide code but its 400 lines and I thought someone may have an idea.
Thanks for all your help
-Tom
For starters make sure your markup is valid. A good way to start is using the W3C Validator. If that is valid do the same with the JavaScript using JS Hint or JS Lint. And don't forget to check the developer console in Chrome or FireFox as it might show errors as well.
Related
I came up with a strange problem. I am building this site: www.bellated.us.lt and after using search (let's say - http://www.bellated.us.lt/?s=nonews) all the custom typography (like font-faces and google webkits) disappear. This is only in firefox. Actually no idea where to start to look for the problem. Any ideas on this issue will be appreciated.
Regards,
Probably it is because of invalid HTML. You have two opening tag and no closing .
First correct the tags then check if it is still showing incorrectly in firefox.
I was working on my site last night and suddenly my styled map went back to the default style. Looking around it seems that the styles on Google's own blog aren't working.
Even the Map style wizard is not working.
I thought this might just be me, but I have looked in both Firefox and Chrome and on two different computers. Strangely, it does seem that there are some maps that are still styled.
Has there been a change in the syntax? None of my code has changed.
My site is here if you want to look for yourself. Can someone confirm this for me? Can you see a problem with my js code?
You are using a deprecated field. Change rules to stylers and it should work fine.
Ive just had the same problem with my implementation, just stopped working in the last 12 hours or so. I am going to try and figure out whats gone wrong because as you said, some are still working.
skarE's post fixed it for me, nice one!
So I am building a site for a client. The problem is the menu I made doesn't work on IE. Here's the site: http://robertnogueira.com
You'll see that the topmost menu isn't where it is supposed to be..
I know this could be a very simple problem to fix. But since I am new to web development I really can't find a way to fix it...
Please help me figure it out..
Thanks!
Use CSS conditional comments to target IE and change ul#page-menu css.
You should work on getting the right margin-top for ul#page-menu
First thing to do is fix your code errors, like the broken <div id="header" "> tag that's probably the cause of the menu problems. See your [Invalid]Markup Validation of robertnogueira.com blog - W3C Markup Validator report. Scroll down in the validation report to see line numbers and source code.
I have recently made a new WordPress theme (named {cssgroundup}) which I am using on my blog at www.richard-dickinson.com
It is only a basic WP theme for my personal use as I am quite new to the WordPress platform (?). It is a work in progress (as is the blog content!) however it displays alright in IE browser but not so well in FireFox.
Can someone help me edit it so it displays properly in most browsers or advise me how I can fix this please? I have asked for help at wordpress.org forums but haven't yet had any help!
I can post stylesheet code & theme.php code here if required.
I look forward to helpful replies, many thanks
First thing to do is fix your code errors: Markup Validation of richard-dickinson.com - W3C Markup Validator. Fix the bad code on line 628, and then revaldiate and see what else is wrong.
rpd, it would be useful for those of us who want to help you if you spelled out specific problems that you are trying to find answers to. An example might look like "In IE my top level navigation is working the way I want. In Firefox, the sitemap link is on the next line. How do I fix this?"
There are a lot of cool, generous people here who are happy to share their knowledge with you, but very few people have time to just sit down and review your site from top to bottom.
I've a problem which is most likely some ugly CSS mistake, but I just can't spot the solution (and a few changes I tried did not help).
Some of in-text hyperlinks (not all!) are shown by Internet Explorer without the following space.
here is the example
See the link WatchBot just below the Rationale title (and a few similar links deeper in the article). Firefox, Opera, Chrome, Konqueror - all display it properly: WatchBot can. IE (6.0 but IIRC also 7.0) displays it as **WatchBot***can*.
I am using Yui-reset and yui-base. Is it possible that those libraries cause the problem?
Do you have a script running on, and altering, the content in any way? I say this because the page loads normally initially, but looks as though it undergos some modification later in the loading lifecycle.
If you think reset or base are making this happen try removing them one at a time - I haven't had any experience of this error before however (I usually use the full whack: Reset, Grids, Base and Fonts).
What I did notice however is that the first WatchBot link of the page is simply this:
<p>Have you ever been curious how is
WatchBot
picking the games to observe and save? Here is the explanation.</p>
Where as the second link looks like this:
<span>Due to the FICS limitations </span>
WatchBot<span> can
I have no idea what that second span is doing there - might be something to check up on. (It validated fine however - so there's definitely an closing span somewhere).
I'd say a good place to start would be to but a space after the anchor but before the span, rather than right after the span start tag.
Current state of the things: as steve_c spotted first, and buti-oxa confirmed, it looks like the layout is being spoiled by javascript (and as Ross noted, some extra spans are injected). Thank you all, I missed it.
I am to make experiments and selectively disable those scripts (analytics and google ads) to check whether it helps (my current bet is that maybe I have some HTML error or naming conflict)
Did you try to disable pageTracker? It seems to be the only script on your page, and it looks fine to me in its static form.
EDIT: I wondered what span Ross was talking about - I did not see any. I viewed the source. I just learned that Firefox allows to see both source and generated source (Toos/Web Developer/View Source). Sure enough, generated source has additional span inserted.
Solution: my page was spoiled by the text-link-ads script (which, in fact I activated on English blog by mistake - this is script by adkontekst.wp.pl, Polish firm). After disabling it everything is OK.
Thanks for everybody who pointed me into the right direction.