Visual studio using html images not displaying - html

hello hope you all doing good
so im trying add picture in visual studio using html but this show for me
like its show here
enter image description here
but like when I add it this how it display
enter image description here
how I can solve this please like did I miss anything important ??
btw I put this path C:\Users\MAJID\Desktop\sakura\sakurashop\sakurashop\templates\cover.jpg
like this <img src="C:\Users\MAJID\Desktop\sakura\sakurashop\sakurashop\templates\cover.jpg"><br/><br/>
enter image description here
I dragged the pictures and add them in template folder

<img src = "image_name.jpg"/>
Try replacing the image_name with
a real image name (e.g "benzo.jpg")
make sure the image you want to use is at the same file as the html code you have created

try something like this:
<img src="file:///C:/Users/MAJID/Desktop/sakura/sakurashop/sakurashop/templates/cover.jpg">

Related

How do I get the relative file path of an image or video?

Each time I try to add an image to visual studio code I keep having to inspect and get the entire image source code.
I would like to just use /images/down-chevron.png.
Any help?
Thanks!
Example of my code:
<img src="file:///C:/Users/tashe/Downloads/CODING%20CAGES/Cleant%20Dental%20services/images/up-chevron.png" id="upArrow" onclick="upArrow()">
<img src="file:///C:/Users/tashe/Downloads/CODING%20CAGES/Cleant%20Dental%20services/images/down-chevron.png" id="downArrow" onclick="downArrow(
</div>
You're almost there. Just replace the "file:///C:/Users/tashe/Downloads/CODING%20CAGES/Cleant%20Dental%20services" with a dot from the src attribute and you'll be good to go.
<img src="./images/down-chevron.png" >
In VS Code, depending on your autocomplete settings, each time you write src, should give you options for autocomplete including the images folder.
You could store the images you'd like to use in a folder called img inside of the folder where your HTML and css live. Then for the img tag in the HTML you could use something like
<img src="./img/down-chevron.png">
The ./ lets you navigate through the working tree. Using ../ would go back two directories if needed.

th:href Thymleaf inserting Variable in Link Text

Hey Guys so I'm using Thymelaf in my HTML Email template. I'm creating a hyperlink that looks like this:
<a th:href="#{https://example.com/#/login?username=__${username}__}">th:utext="https://example.com/#/login?username=${username}"</a>
The first part of the link works correctly and the username is correctly resolved by the template engine, but as you can see the link text doesn't map at all. I want the link text to be exactly like the link itself. Does anyone know how this can bed done?
Solved with a simple <span> tag :)
<a th:href="#{https://example.com/#/login?username=__${username}__}"><span th:text="'https://example.com/#/login?username='+${username}"></span></a></p>

How to use a link as image title in html

I made attempt and tried to find my goal But I couldn't and found solution like this that didn't benefit for me!
I have <img src="url" title="ali.com"> I want to make ali.com a link. I used
title=ALI.com but doesn't work! any way?
The title attribute accepts only plain text, you cannot have any markup there.
If you want a tooltip with a link inside (and I'd urge you not to as it is a difficult UI to use), then you'll need to build the whole thing with JavaScript and DOM.
Above answers suffices your requirement, but specific to your use case :
<img src="image url" title="ali.com"/>
You can use url as a title (google.com?d=1&e=2 this is string)
You need to run little js code to achieve final goal
put something like this html
<a class="mylink"> <img title="blahblah" scr =""></img></a>
and you can get title string by
yourtitlestring = $(".mylink img").attr("title")
and now you can set href of link
$(".mylink").setAttribute("href", yourtitlestring);

HTML unable to open image despite correct location

I am having some trouble open a image (jpg) on the browser despite correct location. The rest of the image located in the folder are able to open.
I need some advise or diction how to approach this issue.
Link 1 --> Show my FTP
http://postimg.org/image/g3lofgv8r/
Link 2 --> Show the dictionray
http://postimg.org/image/7nw24mw81/
Did you try to url encode the value in the src-attribute of your image tag? (I find this link useful for a quick check: http://www.w3schools.com/tags/ref_urlencode.asp)
Like when your image filename is
<img src="spaces and + sign in url.jpg" />
you would encode it with
<img src="spaces+and+%2B+sign+in+url.jpg" />
Issue looks to me is the Space between name of image...either remove space or use underscore(_)...

How to add animated (html+css) text to HomeSlider images in Prestashop

I want to add some animated text (HTML&CSS based) on HomeSlider images. I have tried this by adding html code to description field in HomeSlider module configuration and placed the css code in homeslider.css file but the animation text is nowhere showing. How to achive this correctly?
Try disable Html purifier option,also see that your html code to not be more that 4000 characters.If still not working try edit file HomeSlide.php in line description change isCleanHtml with isString >> Save and reset module.