HTML - sobre display:inline-block

 
Vista:
Imágen de perfil de diego gabriel
Val: 80
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

sobre display:inline-block

Publicado por diego gabriel (46 intervenciones) el 28/11/2018 04:25:22
Captura-de-pantalla-90
Hola, quería saber por que cuando agrego la propiedad display:inline, el logo(el icono con el nombre del sitio) no logra tapar el h1 que a la vez funciona como enlace a la home, si no que se muestra como esta en la imagen? solo cuando le agrego inline-block, se arregla y se muestra el icono solo. conozco la teoría de inline y de block y de inline-block, pero no se como se aplica en este caso.Gracias!!
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 abzer0x
Val: 100
Bronce
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

sobre display:inline-block

Publicado por abzer0x (27 intervenciones) el 28/11/2018 23:06:25
Hola Diego, cuando aplicas el valor inline, el width del elemento se define por medio de su contenido a diferencia de inline-block que si permite establecer una anchura y altura sobre el elemento. Ahora no me queda muy claro lo que intentas hacer, pero si lo que quieres es que la imágen funcione también como un enlace pudes hacer algo como:
1
<h1><a href="aqui la url"><img src="ruta de la imágen">Deinstrumentos.com</a></h1>

Por otra parte, si quieres que el h1 quede por debajo de la imagen deberias utilizar la propiedad position, y luego z-index.

Nos comentas si es lo que buscabas.
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