pastel pastel - 5 months ago 10
CSS Question

How do I make all photos display properly?

I just started learning html and css and am working on a theme for my blog. Most gifs and photos show up with no problem, but some of my photo posts only display this: torn photo How do I make all photos display properly? Below is the html:

{block:Photo}
<div class="post">
<img src="PhotoURL-500}">
{block:Caption}{Caption}{/block:Caption}
<ul class="like-reblog">
<li>{LikeButton}</li>
<li>{ReblogButton}</li>
<li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li>
<li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li>
</ul>
</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Photo}


Here is the CSS:

.post {
background: #fff;
margin: 40px auto;
width: 500px;
padding: 20px;
border-radius: 6px;
}


I'm still learning so I may have missed something.

Answer

That icon usually appears when the image isn't found (wrong name, extension filepath, file not existing at all or similar error). Apart from that,it seems like you are missing a curly bracket here:

<img src="PhotoURL-500}">

That should probably be:

<img src="{PhotoURL-500}">
Comments