Fijar ancho y alto en fotografias

[ACALU]

Hola,

Tengo un blog en Tumblr (esta es la url: http://acalu.tumblr.com/), y cuando publico una foto desde el smartphone a veces sale con un ancho y un alto pequeñito (que es como me gusta) y otras veces se le va la pinza y publica la foto con un tamaño gigantesco, y no se porque puede ser.

¿Habria alguna forma de fijar el ancho y alto de las fotos y que todas salgan con el mismo tamaño?

He mirado el codigo de la plantilla pero no se como hacerlo, lo dejo por aqui:

Bloque de fotos:

Código HTML:

{block:Photo}
                    <div class="post photo">
                        

                        <div class="photoShell">
                        	<div class="photoShellInner">
	                        {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
	                        {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
	                        </div>
	                        
	                        <div class="photoMeta">
	                        
	                        <span class="timeAgo"><a href="{Permalink}">{TimeAgo}</a></span>
	                        {block:NoteCount} <span class="notesLink"><a href="{Permalink}#notes">{NoteCount} notes</a></span>{/block:NoteCount}
	                        
	                        
	                        {block:IfDisqusShortname}<span class="commentsTag"><a class="permaLinkBtn" href="{Permalink}#disqus_thread">{lang:View comments}</a></span>{/block:IfDisqusShortname}
	                        
	                        </div>
	                        
	                        
	                        
                        </div>
                        
                        {block:HasTags}
                            <div class="tagsLine">
                            <span class="tags">
                                Tagged with:
                                {block:Tags}
                                        &nbsp;<a href="{TagURL}">#{Tag}</a>
                                {/block:Tags}
                                </span>
                            </div>
                        {/block:HasTags}
                        

                        
                    </div>
                {/block:Photo}

Y la plantilla completa (Boston Polaroid): Plantilla completa

Un saludo.

[emprear]

La unica imágen que aparece en ese código está en
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}


Podrías intentar dar un width y height a esa imagen (al menos un width), a ver como lo afecta, desconozco como funciona ese blog y sus plantillas

Saludos

[ACALU]

¿Y sabrias que codigo tengo que insertar para ponerle un ancho y un alto maximo?

Un saludo.

[emprear]

Con css

Código CSS:

.foto{
  max-width: 300px;
  max-height: 300px;
  width: expression(this.width > 300 ? "300px" : true);
  height: expression(this.height > 300 ? "300px" : true);
}
 

y asignarle esa clase a tu imagen

SAludos

[ACALU]

Es que en los blogs de Tumblr te dejan editar completamente el codigo html y luego a parte hay una casilla en blanco que pone que puedes añadir css personalizado, pero he pegado lo que has puesto y no se modifica nada.

¿Se podria asignar un ancho y alto por html? sino, ¿de que manera podria poner el css en la casilla vacia que comente antes?

Un saludo.