Why img tag is not working? Here are five basic errors.

-
Sometimes, the image not displaying in the browser. there are many basic errors is, the source of image,
like,
we write img attribute " scr " instead of  "src".

Image tag -
    <img src="foldername/imagename.jpg" width="100%" height="100%">.

 In short, there are few possible errors why the browser can't find the image.

1. The image is in one folder up from the HTML document. So, in this case, the image tag should be used like this -
    <img src="../foldername/Imagename.jpg" width="100%" height="100%">.

2. We forget to write extension with image and sometimes write the wrong extension like -

    src="foldername/imagename.png" .
    instead of
    src="foldername/imagename.jpg".

3. The image path is not correct because we forget to write slash and folder name.
   
     Incorrect code -
     <img src="imagename" width="100%"  height="80%">.

     Correct code -
    <img src="foldername/imagename" width="100%"  height="80%">.

4. Sometimes, the system extension is hidden and when we write extension with image, the image
    does not display in the browser.

    So, we have to check whether the system extension is on or off.

5. When we make image gallery, by default the space is shown between the images, like -
 
There is one error in the html code. Usually, we use the img tag like -

  <img src="foldername/imagename"  width="30%"  height="80%">
  <img src="foldername/imagename"  width="30%"  height="80%">
  <img src="foldername/imagename"  width="30%"  height="80%">
  <img src="foldername/imagename"  width="30%"  height="80%">

So, if we do not want to give space between images, the code should be used like this -

  <img src="foldername/imagename"  width="30%"  height="80%"><img       src="foldername/imagename"  width="30%"  height="80%"><img src="foldername/imagename"        width="30%"  height="80%"><img src="foldername/imagename"  width="30%"  height="80%">







Comments

Post a Comment

Popular posts from this blog

Why entrance animation not working in Elementor?

-
In the elementor plugin, Problem is on the Entrance animation for fadeIn, bounce etc. effects. When i used entrance animation on the image or text, the effect works fine in the edit mode. But when i updated my page and checked output the image or tex disappear on the page. So, In this case, you have check the following points:-     1) Deactivate all the plugins Including Elementor.     2)Start activating again elementor.     3) Now function well the animations.     4)After the problem solved activate the other plugins one by one and checking everything is fine.     5)If you find there is a problem with some plugin maybe that plugin will not be compatible with  Elementor.
Read more

Why position relative leaves empty space below the div?

-
When we want to move the div, we give position:relative to the div and moved div to top-bottom, left-right directions like- div{        position: relative;        top: -127px;        right: 50px;   }         But, usually when we give position:relative to the div, the position:relative leaves empty space below the div. So, In this case, we can use a nagative margin-bottom in the relative element that you have moved   like- div{         position: relative;         top: -127px;         right: 50px;        margin-bottom: -127px;   }       
Read more

What is difference between GET and POST methods in php?

-
Both GET and POST methods are used to send information to the server. Both are sending information in different ways. Difference between GET and POST method - GET method Information sent with the GET method is  visible to everyone  (all variable names and values are displayed in the URL). So, the GET method is not secured. GET method doesn't send binary data (images and documents). It sends only ASCII characters. GET method sends information in a limit. The limit is upto 2000 characters.  GET should never be used for sending passwords or other sensitive information. The variables are displayed in the URL, It is possible to bookmark the page. POST method Information sent with the POST method is  invisible to others.  The POST method is secured and developers prefer to use POST method. POST method used to send binary data as well as ASCII characters. Post has  no limits  on the amount of information to send. Post is used for sen...
Read more