I have had a small site built for me which has an issue. The slideshow images in it can not be downloaded by right-clicking on them. I believe it's because they are contained in the DIV background.
I'm not a developer, I'm just trying to troubleshoot this myself and learn. This is an example of the code:
<div class="swiper-slide c-swiper__slide" data-module="ResponsiveBackgroundImage" data-swiper-slide-index="6" style="width: 1431px; transform: translate3d(-10017px, 0px, 0px); opacity: 0; transition-duration: 0ms; background-image: url(thisistheimageIneedtoclick.jpg);">
If anyone knows if there is some CSS or some other method I can try to enable right-clicking I would be grateful.
Related
I have a code which I need to share so I pasted in from Visual Studio Code into code pen and replace all my image links with imgur links but when I save the code on codepen it doesn't show up.
I've tried uploading to different picture sharing websites but none of them seems to work or sometimes they just dissapear
<img src="https://images.app.goo.gl/PH9vzQEL6deb152b7" alt="logo">
This is a simple code i used but the image just refuses to appear.
I just need to image to show up, if there is any way to share my website without publishing it to the web I would like to be informed about it too. Thanks you.
this is a website that get your image and give you base64 of it and you can put this base64 thing in your src attribute of img element and you are good to go
I am developing an application which runs within Microsoft Dynamics CRM (MSCRM). Essentially in this environment web resources including HTML, JavaScript, CSS and image files are stored within the system the can be referenced on pages. I've got SlickGrid running but have an issue where the pager buttons each occupy a whole line. The key part of the HTML is:
<div id="SPLocation" style="width:100%; height:80%">Grid</div>
<DIV id="SPPager" style="width:100%;height:20px;">Pager</DIV
but it looks like this:
!http://www.clew-consulting.com/Temp/SGIssue.png
(hope this image works). Note each icon occupies a whole row. I've checked all the styles and images and they seem fine. The icons are functional.
The cause is probably that display:inline-block is not being picked up but it is there in the style sheets. It could be something special to do with the environment within MSCRM but the other markups all look fine.
Unfortunately I cannot run IE developer and show this part of the screen where I could inspect the CSS.
Anyone any ideas? I know I have not posted all information.
Paul
The pager styles are defined in slick.pager.css file.
Place this file in your css folder and add the following line to your html file
(do not forget to replace [path to your file] with your real path):
<link href="[path to your file]/slick.pager.css" rel="stylesheet">
Is there any tool you know which can find all unused images of a website from image folder. I want to identfiy all those image in the image folder which are not being as a inline imge in HTML and CSS Background. Is it possible using any tools, techniques?
You can use dreamweaver for this. In dreamweaver look in site files (press F8) in site menu select recreate site cache. Dreamweaver checks links in your Local Site folder and provides you with a report of all unused files, which you can either delete or re-link.
Hope this solves your problem.
I'm a beginner at webprogramming and am just starting to fool around with the Bakery template in Microsofts Webmatrix. I'm trying to change the logo shown in the layout and looking in the Images folder for the template, there is only 2 pictures and one of them is called brand.png. I used Paint to edit it and save it again. But whenever I run the website from Webmatrix, it shows the old logo that doesn't exist anymore. Is the IIS (or whatever is running as default) doing some caching or what is going on? And how do I fix this?
Try F5 or CTRL+F5 to clear cache.
line 103 of the site.css file,
background: transparent url(../Images/brand.png) no-repeat;
delete the following text brand.png, then f5 to clear browser cache
ive been finally polishing off a website i was building but to my dismay i recently checked the website in Internet Explorer and found the images weren't loading fully.. you can see can the borders for the image but nothing loads in between. i thought it might something i altered on wordpress, but the main page has images from from non wordpress html files and they don't load either.. everything works fine on every other browser except Internet Explorer.. any ideas why? probably a simple fix
here's the website.. . all the code and css is viewable there, if you want my wordpress code let me know
maybe the code just needs to rearranged to make window browsers happy?
any help would be great
Looking at the source for the shop.html, it looks like you are specifying the height of the images, but not the width. Opera, and Firefox are ignoring the width="" and using the default width, but IE is setting it to width="1." I don't know how to change this in Wordpress but if you remove the width="" or add a value it will show correct.
You can see this if you r-click the image line in IE and select properties: it shows as 1X290px.
img src="images/shop/julianduron.jpg" width="" height="290"
hope this helps