Foro - Perl en Español

Hola a todos, estoy utilizando DIV y me generan salto de línea:



Ojalá me puedan apoyar en cómo quitar el salto de línea que se genera.

Quizás debas cambiar el estilo CSS de ese div para que sea display: inline;

Perfecto. Gracias, explorer.

Saludos.

¿Qué tal? explorer, de acuerdo a tu apoyo acerca del DIV, tengo una nueva problemática: sucede que tengo un menú generado con una UL y, por supuesto, estoy usando "display:inline;". Sin embargo, sucede que del lado derecho del menú se muestra una imagen y no logro esconderla.

Como siempre, agradeceré tu valioso y gran apoyo, te envío parte del código donde existe el problema:


La pregunta es: ¿cuál es la razón por la que en la página se muestra un icono de color verde después de la fecha, si nunca la pongo? Te envío muestra de la interfaz que se genera.

Espero me puedas apoyar porque no encuentro el motivo. Nuevamente, mil gracias y saludos.

El código HTML no está bien formado: la marca <strong> no está cerrada.

Si quieres saber a qué pertenece un elemento de la pantalla, debes usar las herramientas de inspección de elementos, que traen ahora los navegadores web. Yo, en el Firefox, lo saco del menú Herramientas->Desarrollor Web->Inspector. Pulsas en el icono con forma de flecha y te vas a la página y pulsas sobre el elemento, y te localiza en la ventana de abajo qué código HTML lo genera.

Buenos días, explorer, gracias por tu apoyo. Al pulsar sobre el elemento que NO SE DEBE VISUALIZAR me genera las siguientes ventanas de mensaje de error en el estilo, las cuales anexo, así como el archivo de estilo menu.css.

Espero sirvan de apoyo para dar con el error, el cual debe ser simple pero no lo veo


Mil gracias una vez más, explorer.

Es un elemento gráfico que define menu.css como parte de una entrada de menú horizontal (para eso sirve menu.css).

En las capturas, no veo la posición donde está tu capa. Pero el problema de las capas 'inline', es que si están en la misma línea o altura, se comportarán como palabra de una línea de texto: unas se pegarán a otras, a continuación.

Entonces... debes cambiar la posición de definición de tu capa, para que no se iguale en altura con otras capas. Muchas veces se resuelve poniéndola relativa (relative) a una capa padre, o haciéndola flotante (float). Finalmente, si no queda más remedio, se le pone fija (fixed) o en posiciones absolutas (absolute). Hoy en día, lo moderno es usar flex, para que los elementos se ajusten según el tamaño de pantalla del dispositivo.

Tienes que estudiar todas estas posibilidades. Con el mismo visor del navegador que has utilizado para sacar la parte extraña, haz lo mismo con tu fecha, y podrás jugar a editar los estilos y propiedades de tu capa, directamente en el navegador, hasta que encuentres la configuración que más quieres.

Por Internet hay ejemplos de cómo se distribuyen las capas según el tipo de 'display'.

¿Has probado con 'inline-block'? http://es.learnlayout.com/inline-block.html

Gracias, explorer, voy a verificar cuál posibilidad es la más apropiada y te comento después.

Saludos y respetos para ti.