Why is the image not able to load?

I am using this start-bootstrap-business-modern-gh-pages.

Everything works fine except there is a image which just refuses to load.
After I went over the css, I changed it from

img {
	vertical-align: middle
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive,
	.thumbnail a>img, .thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto
}

.img-rounded {
	border-radius: 6px
}

.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
} 

to

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
} 

In my page, I had this:

 <div class="row">
			<div class="col-md-6">
                           <img class="img-responsive" src="image/tutor.JPG"
					height='250' width='350' alt="">

So, what is the reason it won’t load?

Hope someone can tell me if it is due to the css that I have changed or ? Cos I just it to be ‘static’ that is responsive to the size, no carousel is needed.

Please help.

Thanks.

I think you may have posted this to the incorrect forum topic.

Moved to HTML & CSS.

Obvious question, but is the path to your image correct?

2 Likes

The code you posted should work ok unless as mentioned above you have the wrong path to the image.

I’m not sure why you mention carousel as you show no carousel code? If indeed this is still inside a carousel then the js is probably switching all images off until they become active (they get an active class added to each as required).

We really need to see a demo of the problem live to debug :slight_smile:

Hi all,

THANKS for the replies. It is the path problem. The path at the web hosting server is abit different from the one I have. Can I know do you guys deploy and create the directory when you upload to the web hosting company or just just hand it over to them to extract?

It is usual to create an identical folder structure on the server to the one you have locally.
When I say identical, it is not completely identical absolute from the drive root, but the same relative from the site root.
This would typically be done on a small site with an FTP application like Filezilla for example. It can show the tree on both sides so you can drag and drop files and folders either way, so you can replicate what you have locally on the server.

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.