Join the Conversation
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: How do you remove the blue hyperlink color and...
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi all,
I am using some images in my dashboard as hyperlinks. I have used an HTML table for putting the image in a row side by side. But, when I click on the image, a blue background shows up, and also, a line is showing as a border on the image, which is looking very shabby. I am attaching the screenshot of a clicked image having a problem : https://ibb.co/KVnsLs3
I tried putting style="border-style: none" in the CSS, but it's still not working ?
Also, below is the my HTML table code and CSS I am using :
<panel>
<title>Most Used Apps</title>
<html>
<style>
#myMainMenu li{
padding-bottom:10px;
}
</style>
<table id="t01">
<tr>
<td style="background-color:white">
<pre>
<a href="/app/wifi_app">
<img src="/static/app/landing_page/wifi.jpg" style="border-style: none"/>
</a>
</pre>
</td>
<td>
<pre>
<a href="/app/app1">
<img src="/static/app/search/app1_image.png"/>
</a>
</pre>
</td>
<td>
<pre>
<a href="/app/app2">
<img src="/static/app/search/app2_image.png"/>
</a>
</pre>
</td>
</tr>
</table>
</html>
</panel>
</row>
<row>
Below is my table CSS file :
pre{
background-color: #FFFFFF;
line-height: 0px;
padding: 5px;
border: 1px solid black;
}
table td {
//border: 1px solid black;
//border-collapse: collapse;
padding: 5px;
background-color: #FFFFFF;
}
td img{
display: block;
margin-left: auto;
margin-right: auto;
border: 0;
height: 80px;
width: 160px;
}
Please help resolve the above issues. Thanks.
--PG
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Guys - I was success in removing the blue highlight for the linked image by removing
tag in my html code. Now, its working fine. 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Guys - I was success in removing the blue highlight for the linked image by removing
tag in my html code. Now, its working fine. 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I removed pre tag in my html code, and that highlight was removed. In my previous comment, it took pre as tag in the page itself. so please my ignore this question, all awesome people out there. Thanks 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@niketnilay - can you provide any help on this issue ?
Your Guide to Splunk Digital Experience Monitoring
Data Management Digest – November 2025
Upcoming Webinar: Unmasking Insider Threats with Slunk Enterprise Security’s UEBA
