Problem is that the focus does'nt seem to shift to the footer links when access key 0 is pressed in chrome.Works okay for IE and firefox.Here's what am doing,
<ul class="hidden">
<li>Footer</li>
</ul>
<div id="FooterDiv">
<a id="Footer" name="Footer" href="javascript:;" class="hidden">Footer</a>
//More footer links here.
</div>
I don't have Chrome available right now, but try alt+shift+Key. Think they implemented it like Firefox did.
Related
i just get into a small problem.
i tried to include iframe inside and also outside of div code but nothing show
adding like frameborder="0",etc didn't work either
then i tried on another .html file to make sure the iframe is good and it's showing like usually.
so why the iframe won't opened the src file, did i do something wrong ?.
heres my code (the problematic one):
<html>
<head>
<title>Buat.in</title>
</head>
<body class="container">
<div>
<div class="additional-ui">
</div>
<div>
<iframe src="backgroundui.html">
</iframe>
</div>
<div class="ui-bttnmenu">
<ul>
<li>Tentang
</li>
<li>Daftar Desain
</li>
<li>Lokasi
</li>
<li>Hubungi
</li>
</ul>
</div>
<footer class="foot-ui">
<p>Designed & Written by :</p>
and also i haven't applying the separate style file here, the class="" will be linked to my style later, i test it on firefox 85.0.1 ubuntu.
(Edit) heres the additional info for backgroundui.html:
<html>
<body class="secondary-ui-container">
<h1>Buat.in</h1>
<p>Your "trusted designer"</p>
</body>
</html>
fun fact theres something happened, when i run iframe inside the background.html (supposed to be the ui) the iframe works normally else on the main page.
or should i rebuild all from zero again ?.
Firefox has recently implemented a security feature which does not allow cross tab tracking which is the fundamental of iFrame. Previously, this feature only prevented only https and ssl certified sites.
You may change this behavior in your own Firefox installation by typing about:config in the address bar and setting security.mixed_content.block_active_content to false.
Here are some more docs about x-frame-options:
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
I haven't tested this on all versions of IE but I have a problem that when I go to this site: http://www.yourwhiteknight.com/manufactured/ and click on one of the image links in the navigation menu (Home, Manufacted Homes, or Real Estate) it just opens the image of the button in the same window. It doesn't do this in Chrome or Firefox (it goes to the link as it should). Has anyone seen this before or does anyone know a solution?
Here is the HTML:
<div class="textwidget">
<a href="http://yourwhiteknight.com/">
<img src="http://yourwhiteknight.com/wp-content/uploads/2012/10/home.button.png" class="icon">
</a>
<a href="http://yourwhiteknight.com/manufactured/">
<img width="233" height="38" src="http://yourwhiteknight.com/wp-content/uploads/2012/11/m.homes-tab.png" class="homes">
</a>
<a href="http://realestate.yourwhiteknight.com">
<img src="http://yourwhiteknight.com/wp-content/uploads/2012/11/real-estate-tab.png" class="real">
</a>
</div>
Thanks in advance for your help!
UPDATE:
I did just notice that when I inspect the element in IE it shows the code for an image as this:
<img width="233" height="38" class="homes" src="http://yourwhiteknight.com/wp-content/uploads/2012/11/m.homes-tab.png"></img>
I tried to add a slash at the end of the image code to no avail ()
Funny thing is that if you go to our other site that is a mirror of this one the buttons work: http://realestate.yourwhiteknight.com/ even though the code on the back end is the exact same.
Add target="_self" to the links and it works as a workaround. There is probably some JavaScript (maybe Google Analytics) interfering with the page.
This was being caused by a plugin called: Google Analytics Suite. I just deactivated it and it started working. Thanks everyone for pointing me in the right direction!
I have a problem with links in firefox. only happens in firefox and in chrome works well.
If I have a board and I link a document like this:
link
I have in the document:
<a name="mark"> </a>
Anyone know that in going from the front to the page does not take me to that part of the document? only works in firefox when already loaded page while chrome always work.
Use
<a id="mark"> </a>
instead.
Or you could link to a heading directly like:
<h1 id="mark">This is my heading</h1>
Use id <a id="mark" href="#"> </a>
Call by
link
(or)
link (if it is same page)
So there's an issue.
If you view this .htm page you see that image.
http://icpy.webs.com/text/Mass.htm
The problem is originally there was a bullet decorator which was the list-style. The lightbox image was working. When I applied the List-style-type: none, my image wasn't working when I clicked on it. Did I do something wrong?
Your html is all messed up.
<div id="cas> <ul> <li><a class=" title="Mass Sale layouts" href="#inlineframe" fancybox"="">
<img src="http://dgamerhelp.webs.com/soccer/layouts/BEA01.png">
<div id="inlineframe" style="width:1040px;height:785px;display: none;">
</div>
Close the id tag of div like : div id="cas"
Close the <li> tag
Close the <ul> tag
Close the main div correctly.
If you are not using a class for <a> tag, then remove it completely ( <a class=" )
Fixing the above things should solve your issue. Im surprised, it actually worked first time..
Cleaned up code should look something like this :
<div id="cas">
<ul>
<li>
<a class="" title="Mass Sale layouts" href="#inlineframe" fancybox"=">
<img src="http://dgamerhelp.webs.com/soccer/layouts/BEA01.png">
<div id="inlineframe" style="width:1040px;height:785px;display: none;">Whatever that needs to go here.
</div>
</a>
</li>
</ul>
</div>
Yes, you have javascript errors on that page, which will prevent it from working.
"NetworkError: 404 Not Found - http://icpy.webs.com/text/.http://icpy.webs.com/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"
I've tried all of the following:
<a name="test"></a>
<a id="test"></a>
<h4 id="test">SOME TEXT</h4>
And then linking to them like this:
<a href="pagename#test">
All of the above work with Firefox, IE and Chrome, but none of them worked with Safari 5.xx on a mac. Any help is very much appreciated.
Go to Test
.
.
.
<div id="test">This is Test.</div>
This should work.
EDITED:
Also, if you want to link to a particular id in a different page, which I think you do, use:
Go to Test on some different page.
Looks like you have a misunderstanding of how anchors work, you need to use the href attribute.
<a name="test"></a> <!-- not required -->
<a id="test"></a> <!-- not required -->
<h4 id="test">SOME TEXT</h4> <!-- this is correct -->
To link to the <h4 id="test"> element do this (if target on the same page):
Go to Test
If target on a different page:
<a href="other_page.html#test">