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!
Related
I have an anchor in a webpage I'm building like this:
<a id="Equity"> </a>
In IE11, the link https://example.com/myPage.html#Equity brings me to the anchor location for a second, and then back to the top of the page. The anchor works correctly with Chrome and Firefox.
I have also tried these, with the same result:
<a name="Equity"> </a>
<div id="Equity"> </div>
<a id="Equity">Some text</a>
Anyone know what could be happening? I've scoured the web without success. I would very much appreciate any help.
Edit: I've discovered that this issue only occurs the first time the URL is loaded in a window/tab. If you refresh the page, it jumps to the anchor correctly, and does not return to the top of the page.
I'm making a website and I have a button which open a google map from the user location to somewhere else.
<a href={'http://maps.google.com/maps?saddr=My+Location&daddr=Nexapp'} target="_blank">
//Button here
</a>
The problem is that My Location give me a random gym in the USA when I'm click on the link with Microsoft Edge. Here's a screenshot of the result The other browser are giving me my location though...
Anyone have an idea why and how to fix it?
EDIT:
Here's the code of my component (I'm using Reactjs)
<div id="content" className={styles.mapSection}>
<GoogleMap
latitude={46.829131}
longitude={-71.279030}
zoom={14}
width="100%"
height="100%"
marker={false}
mapOptions={mapOptions} />
<div className={styles.mapOverlay}>
<h1 className={`text ${styles.mapText}`}>
<FormattedMessage id="googleText" {...messages.googleText} />
<span className={styles.city}>
<FormattedMessage id="quebec" {...messages.quebec} />
</span>
</h1>
<a className={`link ${styles.mapButton}`} href="http://maps.google.com/maps?saddr=My+Location&daddr=Nexapp" target="_blank">
<ChevronRightButton mobile={mobile} text={<FormattedMessage id="locationButton" {...messages.locationButton} />} />
</a>
</div>
</div>
The <a> doesn't change but #Sampson wanted for code :P
I was unable to get "My Location" in any browser. Not sure if you previously allowed the browsers to view your location or what, but for me it did not work in IE or Chrome.
The only way I know to get a users location is to use the Google Maps API to find it:
https://developers.google.com/maps/documentation/javascript/basics?csw=1#DetectingUserLocation
I mask my domain name as I use my university free web hosting because I'm a poor student.
I have a link in my portfolio site to a Youtube video but it will not let me click on the link... the only way to open it is to right click and open in new window/tab.
How can I avoid this..?
The site is www.Grice95.co.uk and the link is in he far left 'CAMERA USE' icon.
Thanks Luke
You could try a hax like setting the href like this:
<a class="" href="https://www.youtube.com/v/_djf6rZ_0i4">
<img alt="" src="../images/large/cam-txtdriving.png">
<p>Text Driving - The Unwanted Outcomes (Intermediate)</p>
</a>
Or:
<a class="" href="https://www.youtube.com/watch?v=_djf6rZ_0i4&output=embed">
<img alt="" src="../images/large/cam-txtdriving.png">
<p>Text Driving - The Unwanted Outcomes (Intermediate)</p>
</a>
Or:
<a class="" href="https://www.youtube.com/embed/_djf6rZ_0i4">
<img alt="" src="../images/large/cam-txtdriving.png">
<p>Text Driving - The Unwanted Outcomes (Intermediate)</p>
</a>
The way around this is to get the iframe embed code and take the URL from there.
Taking this will redirect your youtube link to a full screen embed of your video that works whilst still retaining the masked url.
Thanks to 'thepio'
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)
I have a problem with this code:
<div class="box_c rounded">
<a class="box_int rounded" href="http://www.google.com">
<div class="careers">
<span class="ico_boton">
<img src="img/spacer.gif" width="28" alt="Spacer"/>
</span>
<h5>Text</h5>
<p>Text</p>
</div>
</a>
</div>
In IE9, Firefox and Chrome all the area is clickable, but in IE8 the img area appears as clickable and the url appears too, but the hyperlink don't do nothing. What Can I do? I tried with z-index but it don't do nothing.
Thanks for your help.
Have you tried validating your code in IE8's Developer Tools? If you're unfamiliar with the process, have a look at this quick tutorial on how to do it.
Also, are you using z-index in your CSS code by any chance? If so, have a look at this other question on StackOverflow and also this detailed article regarding this issue - they both refer to IE8 having a bug when handling z-index.