Foros del Web » Creando para Internet » CSS »

Escalar imágenes Con CSS, HTML y PHP

Estas en el tema de Escalar imágenes Con CSS, HTML y PHP en el foro de CSS en Foros del Web. Buenas tardes a todos, estóy haciendo un sitio web en el que quiero escalar imágenes que traigo desde una base de datos en MySQL con ...
  #1 (permalink)  
Antiguo 13/08/2010, 14:10
Avatar de rodrigoyori  
Fecha de Ingreso: junio-2010
Mensajes: 2
Antigüedad: 7 años, 5 meses
Puntos: 0
Escalar imágenes Con CSS, HTML y PHP

Buenas tardes a todos, estóy haciendo un sitio web en el que quiero escalar imágenes que traigo desde una base de datos en MySQL con PHP para aplicarlas dentro de una tabla en HTML.
La imagen que intento escalar no quiero guardarla fisicamente, sino traerla mediante la URL que le corresponde, y escalarla al tamaño del campo que le doy a la tabla.

Funciona correctamente en Google Chrome pero en IE no funciona, las imagenes aparecen del tamaño real y distorsiona todo el sitio.
Paso a detallar con el código:

Código:
CSS:

Acá le doy herencia al alto y hanco de lo que va a ser la imagen
#imagen{ width:inherit;
		height:inherit;
}

HTML y PHP:
<!--Levanto el estilo y llamo datos de la base-->
<?php
echo"<link href='est.css' rel='stylesheet' type='text/css' />";
$r=mysql_query("select * from tabla",$misql);
$regi=mysql_fetch_array($r);
?>
<!--hago una tabla, en el campo que va la Imagen le doy el alto solamente para que con el ID creado en CSS me lo escale al ancho-->	
<table>
        <tr>
          <td height="192" align="center"><?php
			echo"<img src='".$regi["image"]."' id='imagen'>";	
			?>          
	</td>
	</tr>
Funciona correctamente en Chrome pero no en Internet Explorer.
Gracias a todo aquel que pueda ayudarme.
Saludos

Última edición por rodrigoyori; 13/08/2010 a las 16:03 Razón: Se siguió estudiando el tema
  #2 (permalink)  
Antiguo 13/08/2010, 16:07
Avatar de danico90  
Fecha de Ingreso: febrero-2009
Ubicación: San José, Costa Rica
Mensajes: 148
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: Escalar imágenes Con CSS, HTML y PHP

mmm...
si lo q quieres hacer es meter una imagen de determinado tamaño en una celda de la tabla con un tamaño x, lo que tienes q hacer es redimensionar la imagen con php al tamaño de la celda.

Hay muchas formas y funciones para hacerlo.

Esa respuesta es según lo que entendí.
  #3 (permalink)  
Antiguo 13/08/2010, 16:29
Avatar de rodrigoyori  
Fecha de Ingreso: junio-2010
Mensajes: 2
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Escalar imágenes Con CSS, HTML y PHP

Cita:
Iniciado por danico90 Ver Mensaje
mmm...
si lo q quieres hacer es meter una imagen de determinado tamaño en una celda de la tabla con un tamaño x, lo que tienes q hacer es [URL="http://www.forosdelweb.com/search.php?cx=003443319247910514836%3Ak3yjoy5uums& cof=FORID%3A10&q=redimensioar+imagen+php&ie=ISO+88 59-1&sa=Buscar&siteurl=#889"]redimensionar[/URL] la imagen con php al tamaño de la celda.

Hay muchas formas y funciones para hacerlo.

Esa respuesta es según lo que entendí.
Exactamente, lo que quiero es redimensionar la Imagen, pero en la web no hago mas que encontra para redimensionar imagenes alojadas localmente. Como lo describi arriba, quiero redimensionar una imagen usando solo su URL.
Por eso en el ancho y en el alto use herencia en CSS.
Pruebenlo en chrome porque si funciona pero en IE no.
Saludos
  #4 (permalink)  
Antiguo 13/08/2010, 17:50
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Escalar imágenes Con CSS, HTML y PHP

Unas consideraciones previas:
  • Este es el subforo específico de css, y en el código aportado por usted, podría decirse que no hay tal.
  • El código aportado además de parcial e incompleto es el programado, no el generado por el navegador.
  • Su estructura o layout está basado en una tabla.
  • No hay posibilidad de reproducir el problema o de verlo en línea.

En base a lo anterior, será difícil (por no decir que altamente improbable) hallar u ofrecerle una solución.

Quizás el problema radique en el distinto algoritmo de creación de la estructura de la tabla que cada agente de usuario utiliza al no tenerlo definido (table-layout: auto | fixed | inherit ).

Cita:
...quiero redimensionar una imagen usando solo su URL...
Para eso quizás le sea útil el uso de los selectores de atributos:
img[src="http://www.ejemplo.com"] {/*medidas*/}
éste nunca lo utilicé, así que... Con otro añadido, este tipo de selectores no es soportado por navegadores "obsoletos"

Quizás la solución pase por asignarle (manualmente o por programación) una clase a esas imágenes donde se definan sus medidas (si sólo se determina una, la otra se escala en proporción a ella) y evitar que en caso de ser mayor que su contenedor lo modifique (overflow: hidden)

Esto que le comento, tómeselo sólo como orientación, pues hecho en falta información precisa.

Etiquetas: escalar, html, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:21.