Brian Spring
2018-03-20 18:55:32 UTC
I am using custom HTML to make an image button file (jpg) hyperlink to a different webpage on the site.
Two problems:
1. The purple visited link border around the image shows in Internet Explorer 11.
I attempted to add style code in the custom HTML to suppress the visited link color by setting the color to white (#FFFFFF).
2. The new HTML code affects the layout of other parts of the page (the left navigation) in Internet Explorer 11.
The page displays correctly in Edge and in Chrome.
Here is the HTML code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge, Chrome=1">
<style>
a.realtime:link {color:#FFFFFF;}
a.realtime:visited {color:#FFFFFF;}
a.realtime:link {border-color:#FFFFFF;}
a.realtime:visited {border-color:#FFFFFF;}
a.realtime:link {outline-color:#FFFFFF;}
a.realtime:visited {outline-color:#FFFFFF;}
a.realtime:link {background-color:#FFFFFF;}
a.realtime:visited {background-color:#FFFFFF;}
a.realtime:link {column-rule-color:#FFFFFF;}
a.realtime:visited {column-rule-color:#FFFFFF;}
</style>
</head>
<body>
<div style="text-align:center;">
<a href="/spd/index.php?id=crime_analysis" class="realtime"><img src="fileadmin/user_upload/buttons/button_only_real_time_W200.jpg" alt="Real Time button">
</a>
</div>
</body>
</html>
Two problems:
1. The purple visited link border around the image shows in Internet Explorer 11.
I attempted to add style code in the custom HTML to suppress the visited link color by setting the color to white (#FFFFFF).
2. The new HTML code affects the layout of other parts of the page (the left navigation) in Internet Explorer 11.
The page displays correctly in Edge and in Chrome.
Here is the HTML code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge, Chrome=1">
<style>
a.realtime:link {color:#FFFFFF;}
a.realtime:visited {color:#FFFFFF;}
a.realtime:link {border-color:#FFFFFF;}
a.realtime:visited {border-color:#FFFFFF;}
a.realtime:link {outline-color:#FFFFFF;}
a.realtime:visited {outline-color:#FFFFFF;}
a.realtime:link {background-color:#FFFFFF;}
a.realtime:visited {background-color:#FFFFFF;}
a.realtime:link {column-rule-color:#FFFFFF;}
a.realtime:visited {column-rule-color:#FFFFFF;}
</style>
</head>
<body>
<div style="text-align:center;">
<a href="/spd/index.php?id=crime_analysis" class="realtime"><img src="fileadmin/user_upload/buttons/button_only_real_time_W200.jpg" alt="Real Time button">
</a>
</div>
</body>
</html>