I wrote this code
here
How I can make icon as picture instead of here .
I want when I run this code appears as icon when I click on this icon direct me to trans.php .
enclose an image tag within the <a> tag.
like,
<a href='trans.php'><img src='pic.jpg'/></a>
Use image <img src="" alt="" /> as icon
or
try to implement and use Font Awesome Icons https://fortawesome.github.io/Font-Awesome/icons/
There is another way if you don't want to use image tag is glyphicons`
for example
this example is taken from bootstrap there is a file which contain icons u just need to add this in your file
</i>
Related
I am learning Blazor and at the moment I am trying to set an image as the background. I thought I would try display it first as the background-image css didnt work. I have attached a picture of my index.razor page and the img tag i am using is as follows:
<img src="file:///C:/Development/CsharpApplications/Portal/AlbertBartlettPortal/AlbertBartlettPortal/Pages/hero-range-1.jpg" alt="Background Image" />
It allows me to ctrl+click the file path and opens the image right away so it can see the image, but it wont display at all when the website is ran.
HELP!
Page Image Here
I put it in wwwroot\images and then used src="images/aaa.jg". No leading / OR ~/
Haw can i add a link to this code ?
<span style="background-color:#81d742;">Title</span>
this code is for a bottom in a website and i want it to have a link .
Thank you
You are allowed to put a tags inside span
<span style="background-color:#81d742;">Title</span>
Why would you need a <span>? You can just change the tag to a <a> tag:
<a style="background-color:#81d742;" href="http//mysite.com">Title</a>
You can simply do so by using anchor tag, i.e. a tag
For example, if you wish to link google.co, you can do so by following commands,
Google
My website: cultpops.com
I'm trying to get the top left logo on my site to link to the 'about' portion on my page. As per another stackoverflow topic, I placed [a href="#about"][/a] around said logo and [a id="about"][/a] around said portion. What am I missing here?
I see you really put [a id=”about”] in your code. This is not an html tag. html tags always are like this <htmltag> and not with square brackets
If you want to link to an anchor you just need to give an id to the html element you want (doesn't have to be an <a> tag).
The easiest way to do this is for example on the image above your about section.
Set your editor to text instead of visual and add an id to your image or the a tag around it. It will look like this.
<a href="http://www.cultpops.com/wp-content/uploads/2015/05/logo21.png" id="about">
<img class="alignnone size-full wp-image-97" src="http://www.cultpops.com/wp-content/uploads/2015/05/logo21.png" alt="logo2" width="97" height="133">
</a>
Place the following around the "img src="example.com/image.png" tag:
<a href="http://example.com/youraboutpage">
<img src="example.com/image.png">
</a>
I can see you are using wordpress -the logo image tag is in your header.php file available in Appearance>Editor
Hope this helps
Admin Alex
I need to create a button with this image https://www.thebankofmaine.com/images/android-app-on-google-play.png and I need to reference it to a file on my server.
How can I do that ?
I've tried this and the image appears, but dont know how to go to a webpage after clicking.
<button type="button" onClick="location.href='index.html'">GO TO URL</button>
How can I change it to go to google.com for example and how can I add a img to the button?
<img src=" https://www.thebankofmaine.com/images/android-app-on-google-play.png" />
I dont exactly get what you are trying to do, but it seems to me that you are just simply trying to make an image a link to click on to lead you somewhere else. This can be done with:
<a href="yourlinktogoto">
<img src="yourpicture.gif" alt="Picture Description" style="border:0">
</a>
You have to change the src, href, and alt.
You dont have to add the border thing but i put it in almost all my images.
Hopefully it will help. tnx
I have added an img tag inside title attribute,but the img tag shows as text when hover over link(using hovertip js),and does not display an image.What needs to be done?
<a title="4r23r 2342.00 <img src=/m/productsmedia/IHALE.GIF>" class="product_detail " href="/?product=6" id="0">4r23r</a>
You cannot! You need to use custom tooltip look-a-like effect with IMG insdie DIV and on mouseHover event.
Here is an example.
This is not possible in HTML, at least not what you appear to be attempting.
If you want a clickable image, you put the img tag inside the a tag, not inside an attribute:
<a title="4r23r 2342.00" class="product_detail " href="/?product=6" id="0">
<img src="/m/productsmedia/IHALE.GIF" />
</a>
If you want a tooltip that contains an image, you need to code it using javascript and css. There are plenty of articles describing how to achieve this.