HTML - Redimensionar imagen

 
Vista:

Redimensionar imagen

Publicado por opalo (1 intervención) el 27/11/2007 19:08:33
Muy buenas.
Estoy teniendo problemillas para redimensionar una imagen que quiero colocar al principio de un blog que estoy programando.
Se trata de una tabla con un par de filas. Una para la imagen y otra para el texto.
Dentro de la primera fila tengo un div y dentro del div la imagen.
Por mas que lo intento no consigo redimensionar la imagen. Es decir, que si la imagen que quieren incluir es de 1000 por 700, siempre se muestre en el tamaño que yo quiero, como por ejemplo 500 por 400 o algo así.
Os paso el código por si ayuda

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr height="30%" align="left">
<td >
<div height="400">
<img src="/Proyecto/Blog.do?command=1&codigoBlog=<%=codBlog%>" title="foto" alt="foto" align="left" hspace="5" width="475"/>
</div>
</td>
<tr>
<td>
<p style="font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;">
<%=textoBlog%>
</p>
</td>
</tr>
</table>

Muchas gracias por la ayuda chavales.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

RE:Redimensionar imagen

Publicado por ScriptShow (409 intervenciones) el 28/11/2007 21:32:36
Saludos,

Prueba con este código en los apartados de:

<style>
div .img{height:400px; width:500px}
</style>

Respecto del código HTML, elimina el (width="475"), y añade un (class="img").

Por ejemplo:

<div height="400">
<img class="img" src="/Proyecto/Blog.do?command=1&codigoBlog=<%=codBlog%>" title="foto" alt="foto" align="left" hspace="5"/>
</div>

Puedes probar a quitar el (height="400") en la etiqueta <div height="400"> , segúramente ya no será imprescindible. En fin, prueba haber.

Suerte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar