Problema con div e imagen

#1 (**permalink**) 13/07/2010, 05:46

Veran tengo un div y dentro una imagen

supongamos que la imagen tiene un tamaño de 200px, el div tendria que ajustarse a ese tamaño

el problema es que mi div mide 500px aproximadamente, tiene posicion relativa y quisiera ajustarlo al tamaño de la imagen

Sabriais decirme el porque? con una tabla no me pasa

#2 (**permalink**) 13/07/2010, 05:49

Código PHP:

  <?php
                echo "<h2>$data_file[3] [$data_file[valor] Cash]</h2>
                            <div style=border-style:solid;position:relative>";
                    if($type == "archivos"){
                        $extension = explode('.', $data_file[1]);
                        $extension = $extension[count($extension) -1];
                        $img_ext = $funciones->extensiones($extension);
                        echo "<img src=$img_ext alt=$data_file[3] width=200 onload='marco()' /></div>";
                    }elseif($type == "imagenes"){
                        echo "<img src='./$data_file[1]' onload='if(this.width>525){this.width=525;}' onload='marco()' /></div>";
                    }
                 //echo "".$funciones->file_owner($type,$id,"descarga_img","")."
                    
                ?>

aqui os dejo el codigom las funciones a las que se llama retornan imagenes dependiendo de la extension de x... cosas aparte vamos

Antes de escalarlo a php comentar que aqui el php no tiene que ver, ya que unicamente genera html, el problema son los bordes de los divs que quedan tal asi

kdario · #3 (**permalink**) 13/07/2010, 20:44

bueno, no se si tambien aqui se pueda aplicar
pero puedes poner un div PA (insertar > objetos de diseño )

y en el codigo poner

height: auto ! important;
widht: auto ! important;

quedaría mas o menos así

Código HTML:

Ver original#apDiv1 {
    position:absolute;
    width:auto ! important;
    height: auto ! important;
    z-index:2;
}

esa parte buscala en el head, y solo agregas las 2 lineas de codigo anteriores

espero te sirva de algo, saludos

XxflezhaxX · #4 (**permalink**) 14/07/2010, 08:32

en ese code PHP.
No estoy seguro, que apenas inicio clases en esto.

pero en la linea 10 (hecho)

en la siguiente linea: onload='if(this.width>525){this.width=525;}'
trata cambiando ambos valores (525) por el ancho que desees de ese marco.

saludos!!

TD: te repito, no estoy del todo seguro, ahi nos dices como te va.

C2am · #5 (**permalink**) 14/07/2010, 12:03

yo tampoco veo la necesidad de esa parte:

onload='if(this.width>525){this.width=525;}
ya que previo abres un div

Código HTML:

Ver original<div style=border-style:solid;position:relative>";

y con agregar solamente width:auto , creo, se arreglaría el problema.

Código HTML:

Ver original<div style=border-style:solid;position:relative;width:auto>";

No sé si ese onload es necesario para algo más o tal vez el contexto de la página lo haga necesario.
Saludos

PD: sugerencia:: utiliza una hoja de estilos (miestilos.css) , o en su defecto pon todos los estilos entre las etiquetas <head></head> y no embebido dentro del html, eso facilita las cosas a la hora de acomodar la presentación, que es básicamente lo que pretendes hacer.