HTML - Problema al auto ajustar un DIV al al tamañao de una etiqueta IMG contenida dentro del DIV

   
Vista:

Problema al auto ajustar un DIV al al tamañao de una etiqueta IMG contenida dentro del DIV

Publicado por Jesus Enrique (3 intervenciones) el 19/03/2015 17:27:03
Buenos dias y Buenas tardes a todos

HTML5
Boostrap

la siguiente es una extructura de un MODAL sencillo en boostrpa para mostrar una img cuyo tamaño puede ser diferente por cada img que se cargue:

1
2
3
4
5
6
7
8
9
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
            <div class="modal-dialog"   >
                <div class="modal-content"   >
                    <div class="modal-body"  >
                        <img src="#" id="imdModal" alt="Alternate Text" />
                    </div>
                </div>
            </div>
        </div>

como ven en <div class="modal-body" > se haya un <img src="#" id="imdModal" alt="Alternate Text" /> esta imagen puede venir del tamaño que sea lo que quiero por favor es que el que lea esto y pueda tomar esta estructura que tengo de divs y modificarla de tal manera que:

1.- TODO ESTE CENTRADO
2.- el conjunto de DIV se adacta al tamaño de la IMG contenda dentro de <div class="modal-body" >
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
información
Otras secciones de LWP con contenido de HTML
- Código fuente de HTML
- Cursos de HTML
- Temas de HTML
- Chat de HTML
información
Códigos de HTML
- Generar marquesina
- Top Links
- Reproductor de musica
Imágen de perfil de Angel

Problema al auto ajustar un DIV al al tamañao de una etiqueta IMG contenida dentro del DIV

Publicado por Angel (101 intervenciones) el 19/03/2015 19:16:24
centrado? prueba con uno de estos 2 codes:
1
2
3
margin: 0 auto;
='editor_line'>
text-align: center;


y para que el div se adapte a la imagen solamente no le establescas un Width y listo o ponle un Width: 100%;
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

Problema al auto ajustar un DIV al al tamañao de una etiqueta IMG contenida dentro del DIV

Publicado por Jesus Enrique (3 intervenciones) el 19/03/2015 19:22:51
a quien es al que NO debo establecerle el Width ?

a qien le establesco el Width 100% por favor detallar.


gracias


si hago esto

1
2
3
4
5
6
7
8
9
10
11
<!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
            <div class="modal-dialog"   >
                <div class="modal-content"   >
                    <div class="modal-body" style=" margin: 0 auto; text-align:center;" >
                        <%-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>--%>
                        <img src="#" id="imdModal" alt="Alternate Text" style=" width:50%;" />
                    </div>
                </div>
            </div>
        </div>
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
Imágen de perfil de Angel

Problema al auto ajustar un DIV al al tamañao de una etiqueta IMG contenida dentro del DIV

Publicado por Angel (101 intervenciones) el 19/03/2015 20:30:30
agrega esto a tu css, mas facil ;)
1
2
3
4
5
6
7
8
9
.modal-body {
    width: 100%;
}
.modal-body img {
    width: 80%;
}
.modal-dialog {
    width: 90% !important;
}
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

Problema al auto ajustar un DIV al al tamañao de una etiqueta IMG contenida dentro del DIV

Publicado por Jesus Enrique (3 intervenciones) el 19/03/2015 20:33:02
voy a intentarlo.


gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar