I am sending mail through my emailer and in my email i am sending an image with the background hyperlink, the email showing normal but in system configured outlook showing the link of URL of the hyperlink.
Please visit below mention URL
https://prnt.sc/itb5wq
I am trying to hide URL using placing span or p tag before hyperlink.
Source code:
<span style="color:#ffffff;">Text Something</span>
<a href="#" id="m-banner-anchor">
I tried this code and worked for me perfectly:
<span style="opacity:0"><font color="white" size="1">Text Here</font></span><br><br>
<a href="#" id="m-banner-anchor">
<img src="images/cengage_promo_header.jpg" id="m-banner-image" height="184" width="755" />
</a>
Your approach was not that bad, here's the correct syntax for a HTML hyperlink:
I am a link and you can't see my destination!
Or in your case:
<span style="color: #fffff">Text Something</span>
Put your span in your hyperlink ...
<span style="color:#ffffff;">Please Visit</span>
Related
I am using a WordPress theme that I am trying to make 100% accessible. I cant get any help from the developer and I am not very good at the back end of WordPress. I need help with this:
[ 2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are. ]
a (anchor) element must contain text. The text may occur in the anchor text or in the title attribute of the anchor or in the Alt text of an image used within the anchor.
This is the code in the theme:
<div class="qodef-mobile-menu-opener">
<a href="javascript:void(0)">
<span class="qodef-mobile-opener-icon-holder">
<i class="qodef-icon-font-awesome fa fa-bars " ></i> </span>
</a>
</div>
Where in WordPress is this code located so I can insert a title attribute or Alt text.
Thank You!
I'm trying to implement a Custom Enter VR Button as described here: https://aframe.io/docs/0.9.0/components/vr-mode-ui.html
I can't get it to work. The button fails to show up at all. Here's a jsfiddle showing the issue: https://jsfiddle.net/r0wtq3xb/
Am I missing something? The doc page says to "Style the button with images or whatever." I've tried the following, and nothing works (the button doesn't show up at all):
<a id="myEnterVRButton" href="#">
<div style="height: 100px;width:100px;background-color:red;"></div>
</a>
<a id="myEnterVRButton" href="#">
<img src="sprite.png" style="width:42px;height:42px;border:0;background-color:red;">
</a>
Any help is appreciated! Thanks.
Try z-index: 999999 and position: fixed.
I am having issue on my wordpress website. Where I have gallery plugin and the images in that gallery showing this error message when you click on the image. In past those used to pop up when you click on it. But currently it show this error message. I think there is some js conflict please help me here. screenshot- here
webpage - http://www.marvelrealtors.com/residential-properties/izara/
image url is missing in anchor tag. please check.
<a href="#" class="poppup">
<img src="http://www.marvelrealtors.com/wp-content/uploads/2015/05/Izara-Dining-Room.jpg" title="Dining" alt="Dining" data-lazy-loaded="true" style="display: inline;"><noscript><img title="Dining" src="http://www.marvelrealtors.com/wp-content/uploads/2015/05/Izara-Dining-Room.jpg" alt="Dining"/></noscript>
</a>
Working script:
<a class="image-popup-no-margins boxed_shadow" href="http://www.marvelrealtors.com/wp-content/uploads/2015/06/Izara-site-plan.jpg" target="_self">
<img src="http://www.marvelrealtors.com/wp-content/uploads/2015/06/Izara-site-plan.jpg" class=" vc_box_border_grey attachment-full" alt="layout" data-lazy-loaded="true" style="display: inline;"><noscript><img src="http://www.marvelrealtors.com/wp-content/uploads/2015/06/Izara-site-plan.jpg" class=" vc_box_border_grey attachment-full" alt="layout" /></noscript>
</a>
The problem comes from file names, no accent, space or special character and it will work.
I'm using the bootstrap dropdown component, which for me currently looks like this:
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" id="btnSaukList" data-toggle="dropdown" runat="server" style="width: 100%">
Select a Saukville contact
<span class="caret"></span>
</button>
<ul id="ulSaukContact" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" runat="server" style="width: 100%">
<!--NOTE: Intentionally left blank; li's are generated by code behind to populate users from Sharepoint.-->
</ul>
<input id="inpSaukValue" type="hidden" />
</div>
(default code sample here - as you can see, mine isn't that different structurally)
My problem is that every time I click a dropdown item, a postback is fired (browser jumps to the top of the page). I'm pretty sure this is because the default code Bootstrap uses is <button> which always includes a postback.
According to other SO articles regarding this issue, it's recommended to use an <input> or <asp:Button> instead. Well I can't do either...
<asp:Button> does not support text between the opening and closing tags.
<input> does not support the data-toggle attribute, which it seems the dropdown needs.
I've also tried adding onclick="return false;" to my <button> to no avail.
I'm new to bootstrap and to an extent, ASP.net.
UPDATE:
It wasn't a postback, it was a link to "#", I was confused, sorry!
I think I was confused about this one, and labelled the problem as a postback - it wasn't. In Bootstrap's default code snippet, every dropdown item includes a link to "#". Clicking a link to that(<a href="#">) will send the browser to the top of the page. I thought this was a page refresh but it wasn't actually refreshed.
A quick fix is to replace href="#" with href="Javascript:;". If anyone has a better solution, do share...
I have a logo in a div and would like to have it link to a home page on click. From my quick search it looks like this could easily be done with css stylesheets. Any other quick way to do it with javascript or jquery or something??
You can't do this with CSS.
You need to use actual markup for the link, and using Javascript with onClick and window.location would just be stupid.
<a href="http://www.myhomepage.com" title="CLick to go to Home">
<img src="/images/logo.png" height=64 width=32 alt="logo" />
</a>
just wrap the image file in an anchor tag? If you are not using an image tag to display the logo, you can use javascript/jquery to leverage the click event of the div to navigate to the link.
Use this:
onClick="parent.location='page.html'