Programación html

22

Mostrando miniatura del enlace en WhatsApp || og: la metaetiqueta de imagen no funciona

Intenté seguir esta pregunta: Proporcione una imagen para compartir enlaces de WhatsApp He creado una página web HTML simple con las metaetiquetas básicas de Facebook:  <meta property="og:title" content="San Roque 2014 Pollos" /> <meta property="og:description" content="Programa de fiestas /> <meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" /> El linter de Facebook se valida correctamente …

94 android html facebook-opengraph meta-tags whatsapp

17

Cómo hacer que la reproducción automática de audio en Chrome

La reproducción automática de audio funciona en Mozilla, Microsoft edge y el antiguo Google Chrome, pero no en el nuevo Google Chrome. han bloqueado la reproducción automática. ¿Hay alguna forma de hacer que el audio se reproduzca automáticamente en Google Chrome?

94 html google-chrome html5-audio

10

¿Bootstrap 4 tiene un divisor horizontal incorporado?

¿Bootstrap 4 tiene un divisor horizontal integrado? Puedo hacer esto, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Pero quiero usar el CSS bootstrap incorporado, no puedo encontrarlo en ningún lugar de los documentos, tal vez me lo pierda.

94 html css bootstrap-4 twitter-bootstrap-4

3

¿Puedo marcar un campo no válido desde javascript?

Al leer esta publicación , descubrí que hay algunas pseudoclases para valores de entrada 'válidos' e 'inválidos' introducidos en HTML5. ¿Hay alguna manera de marcar un campo de entrada como no válido / válido desde javascript? O alternativamente, ¿puedo anular el método de validación utilizado?

94 javascript html css validation

12

¿Cómo hacer que <etiqueta> y <input> aparezcan en la misma línea en un formulario HTML?

Estoy creando un formulario de registro para un sitio web. Quiero que cada etiqueta y su elemento de entrada correspondiente aparezcan en la misma línea. Aquí está mi código: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } …

94 html css forms

12

¿Cuándo usar <span> en lugar de <p>?

Como indica la pregunta, si tengo algún texto que quiero agregar en el HTML, ¿cuándo debo usar <p>y cuándo debo usar <span>?

94 html

9

¿Cómo puedo hacer que el contenido de un elemento fijo sea desplazable solo cuando excede la altura de la ventana gráfica?

Tengo una divposición fixeden el lado izquierdo de una página web, que contiene menús y enlaces de navegación. No tiene altura establecida desde css, el contenido determina la altura, el ancho es fijo. El problema es que si el contenido es demasiado, divserá más grande que la altura de la …

94 html css css-position

1

Evite que los artículos flexibles se estiren

Muestra: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Tengo dos preguntas, por favor: ¿Por qué básicamente le pasa al span? ¿Cuál es el enfoque correcto para evitar que se estire sin …

94 html css flexbox

7

Qué usar en lugar de :: ng-deep

Estoy tratando de diseñar un elemento colocado por la salida del enrutador en angular y quiero asegurarme de que el elemento generado tenga un ancho del 100% De la mayoría de las respuestas, veo que debería usar el ::ng-deepselector, pero de los documentos de Angular está obsoleto. ¿Existe una alternativa …

94 html css angular

9

Desactivar el cambio de color de la etiqueta de anclaje cuando se visita

Tengo que deshabilitar el cambio de color de una etiqueta de anclaje cuando la visito. Hice esto: a:visited{ color: gray } (El enlace es de color gris antes de visitarlo). Pero esta es una forma en la que establezco explícitamente el color después de visitar el enlace, que nuevamente es …

94 html css anchor

9

Centro de alineación en una división absolutamente posicionada

div#thing { position: absolute; top: 0px; z-index: 2; margin: 0 auto; } <div id="thing"> <p>text text text with no fixed size, variable font</p> </div> El div está en la parte superior, pero no puedo centrarlo con <center>o margin: 0 auto;

93 html css xhtml

8

¿Por qué el margen: no centra automáticamente una imagen?

<html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> El se divexpande al 100% como debería, pero la imagen no se centra. ¿Por qué?

93 html css

3

¿Cómo establecer un ancho de trazo: 1 solo en ciertos lados de las formas SVG?

Establecer un ancho de trazo: 1 en un <rect>elemento en SVG coloca un trazo en cada lado del rectángulo. ¿Cómo se coloca el ancho de un trazo en solo tres lados de un rectángulo SVG?

93 html svg vector-graphics inkscape

10

Seleccionar solo elementos de primer nivel en jquery

¿Cómo puedo seleccionar los elementos de enlace solo del padre <ul>de una lista como esta? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> Entonces en CSS ul li a, pero noul li ul li …

93 jquery html css css-selectors

10

Reemplazar palabras en el cuerpo del texto

¿Hay alguna forma de reemplazar el texto normal dentro de un elemento de tabla que se coloca dentro del cuerpo del HTML? ¿Te gusta reemplazar "hola" por "hola"? Utilice únicamente JavaScript sin jQuery .

93 javascript html

Preguntas etiquetadas con html