Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)
-   -   ¿como hacer que una imagen se estire a lo alto? (https://www.clubdelphi.com/foros/showthread.php?t=38191)

pvizcay 06-12-2006 05:47:58

¿como hacer que una imagen se estire a lo alto?
 
hola amigos del foro,
les aviso que no soy un diseñador ni nada por el estilo sino programador
y me he cruzado con algo que no se como solucionar haciendo una página sencilla..

básicamente tengo una tabla y imágenes en las columnas de los costados y el contenido en el centro.. las imágenes simplemente son unas líneas de unos pocos pixeles que mi idea es se extiren de acuerdo al contenido.. para ello seteo el tag height a 100% pero no me funciona.. se queda como está.. ahora cuando hago lo mismo pero de manera horizontal funciona bien..

Código:

<table>
  <tbody>
    <tr>
      <td><img style="width: 15px; height: 100%;"
              src="file:///I:/trash/linea_izq_medio.gif" /></td>
      <td>la imagen<br />
            se tendría<br />
            que extirar<br />
            de acuerdo<br />
            al largo del<br />
            texto..no ?</td>
    </tr>
  </tbody>
</table>

creo que con el código ese entenderán a lo que me refiero.. estoy trabajando con el Nvu por cierto

lo he probado en opera e IE y me da lo mismos resultados por lo que deduzco me estoy equivocando en algo y esa no es la manera correcta de lograr lo que quiero..

gracias!

dec 06-12-2006 09:19:15

1 Archivos Adjunto(s)
Hola,

Creo (por mera experiencia) que las imágenes no se llevan bien con el atributo "height". Sus razones tendrán. Yo preparé algo utilizando CSS en lugar de una imagen incrustada... y un sencillo contenedor (DIV) en lugar de una tabla... échale un vistazo y cuéntanos qué te parece el asunto. :)

pvizcay 06-12-2006 15:29:17

gracias DEC,
por cierto jamás aprendi nada de CSS, tendría que ponerme a leer algo..
la página ya está realizada y costaría mucho arreglarla toda para trabajar con div, si quieres verla es http://vissisoft.com.ar ; como verás tiene seteado el height de las barras laterales a mano, asi que si cambias el tamaño de la letra a uno más grande en el explorador te darás cuenta que deja de funcionar..
encontré una solución para el opera y el IE seteando el tag background de las celdas en cuestión.. pero me extraño el nvu no trabajara este tag como "principal" sino que hay que editarlo manualmente por lo que sospecho no es muy estandar.. es asi?

kayetano 09-12-2006 14:44:30

Hola

No hace falta que cambies nada, simplemente tienes que trabajar con los estilos del objeto que estás usando:
Código:

.fondo {
background-image:url(images/fondo.gif);
background-repeat:repeat-y;
}

con este simple estilo consigues que tu imagen se repita verticalmente tantas veces como sea necesario para rellenar tu espacio de trabajo, simplemente debes ponerlo de la siguiente forma:
{code}
<td class=fondo>....</td>
[/code]


La franja horaria es GMT +2. Ahora son las 17:35:08.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi