Preguntas etiquetadas con html

HTML (HyperText Markup Language) es el lenguaje de marcado principal para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo reproducible mínimo y alguna idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y a menudo se combina con [CSS] y [javascript].

17
Iframe de pantalla completa con una altura del 100%
¿La altura del iframe es 100% compatible en todos los navegadores? Estoy usando doctype como: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> En mi código de iframe, si digo: <iframe src="xyz.pdf" width="100%" height="100%" /> Quiero decir, ¿tomará realmente la altura de la página restante (ya que hay otro marco …
17
¿Cómo puedo escalar el contenido de un iframe?
¿Cómo puedo escalar el contenido de un iframe (en mi ejemplo es una página HTML y no una ventana emergente) en una página de mi sitio web? Por ejemplo, quiero mostrar el contenido que aparece en el iframe al 80% del tamaño original.
237 html  css  dom 
8
¿Cómo establecer el margen o el relleno como porcentaje de la altura del contenedor principal?
Me había estado estrujando el cerebro creando una alineación vertical en CSS usando lo siguiente .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Ejecutar fragmento de códigoHide resultsExpandir fragmento Si bien …
9
¿Cómo especificar saltos de línea en un diseño flexbox de varias líneas?
На этот вопрос есть ответы en Stack Overflow на русском : elemento Flexbox - перенос на новую строку ¿Hay alguna manera de hacer un salto de línea en flexbox de varias líneas? Por ejemplo, para romper después de cada 3er elemento en este CodePen . .container { background: tomato; display: …
236 html  css  flexbox 
7
¿Cómo puedo hacer una escala svg con su contenedor principal?
Quiero tener una escala de contenido del elemento svg en línea cuando el tamaño no es nativo. Por supuesto, podría tenerlo como un archivo separado y escalarlo así. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Sin embargo, quiero agregar estilos adicionales al SVG a través de CSS, …
236 css  html  svg  scaling 
4
¿Qué es offsetHeight, clientHeight, scrollHeight?
¿Pensó en explicar cuál es la diferencia entre offsetHeight, clientHeighty scrollHeighto offsetWidth, clientWidthy scrollWidth? Uno debe saber esta diferencia antes de trabajar en el lado del cliente. De lo contrario, la mitad de su vida se gastará en reparar la IU. Fiddle , o en línea a continuación: function whatis(propType) …
21
¿Cómo ocultar el elemento usando Twitter Bootstrap y mostrarlo usando jQuery?
Digamos que creo un elemento HTML como este, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> ¿Cómo podría mostrar y ocultar ese elemento HTML de jQuery / Javascript? JavaScript: $(function(){ $("#my-div").show(); }); Resultado: (con cualquiera de estos). Me gustaría que los elementos anteriores estén ocultos. ¿Cuál …
12
¿Cómo puedo anular los estilos CSS de Bootstrap?
Necesito modificar bootstrap.csspara que se ajuste a mi sitio web. Siento que es mejor crear un custom.cssarchivo separado en lugar de modificarlo bootstrap.cssdirectamente, una razón es que debería bootstrap.cssrecibir una actualización, sufriré al tratar de volver a incluir todas mis modificaciones. Sacrificaré algo de tiempo de carga para estos estilos, …
9
cambiar el cursor al puntero del dedo
Tengo esto ay no sé si necesito insertarlo en el "onmouseover" para que el cursor cambie al puntero del dedo como un enlace normal: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Leí en alguna parte que necesito poner: onmouseover="cursor: hand (a pointing hand)" Pero no está funcionando para mí. Además, no …
234 html  css  mouseevent 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.