Preguntas etiquetadas con css

¿Hay alguna manera de desactivar el colapso de margen por completo? Las únicas soluciones que he encontrado (por el nombre de "colapso") implican usar un borde de 1px o un relleno de 1px. Esto me parece inaceptable: el píxel extraño complica los cálculos sin una buena razón. ¿Hay alguna forma …

203 css  margin  collapse 

Digamos que tengo este HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> y este CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } El resultado se puede ver aquí: http://jsfiddle.net/YMN7U/1/ Ahora imagine …

202 html  css 

¿Cuál es la forma correcta de poner el texto en cursiva? He visto los siguientes cuatro enfoques: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Esta es la "vieja forma". <i>no tiene significado semántico y solo transmite el efecto de presentación de poner el texto en cursiva. …

202 html  css  semantic-markup 

Me gustaría desvanecer un elemento (pasando su opacidad a 0) y luego, cuando termine, eliminar el elemento del DOM. En jQuery esto es sencillo ya que puede especificar que "Eliminar" suceda después de que se complete una animación. Pero si deseo animar usando transiciones CSS3, ¿hay alguna forma de saber …

202 javascript  jquery  css 

En Firefox 28, estoy usando <input type="number">funciona muy bien porque muestra el teclado numérico en los campos de entrada que solo deben contener números. En Firefox 29, el uso de entradas numéricas muestra botones giratorios en el lado derecho del campo, que parece una mierda en mi diseño. Realmente no …

202 jquery  css  firefox  input  spinner 

Aquí está mi HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Quiero poner en negrita el nombre del producto (es decir, 'Producto1', 'Producto2', etc.) y sus categorías (por ejemplo, Electrónica, Deportes, etc.) en cursiva, utilizando solo CSS. Encontré una vieja pregunta que mencionaba que no …

202 html  css  drop-down-menu 

Estoy seguro de que hay una solución simple para este problema. Básicamente, si tengo dos columnas, ¿cómo puedo agregar un espacio entre ellas? por ejemplo, si el html es: <div class="col-md-6"></div> <div class="col-md-6"></div> El resultado sería simplemente dos columnas, una al lado de la otra, ocupando todo el ancho de …

202 html  css  twitter-bootstrap-3  grid-layout 

¿Cómo cambio el puntero del cursor a mano cuando mi mouse pasa sobre <tr>un<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

¿Puede una lista ordenada producir resultados que se vean como 1.1, 1.2, 1.3 (en lugar de solo 1, 2, 3, ...) con CSS? Hasta ahora, el uso list-style-type:decimalha producido solo 1, 2, 3, no 1.1, 1.2., 1.3.

201 html  css 

Traté de diseñar un fieldsetelemento con display: flexydisplay: inline-flex . Sin embargo, no funcionó: se flexcomportó como blocky se inline-flexcomportó como inline-block. Esto sucede tanto en Firefox como en Chrome, pero extrañamente funciona en IE. ¿Es un error? No pude encontrar que fieldsetdebería tener un comportamiento especial, ni en HTML5 …

201 html  css  flexbox 

Tengo un contenedor div y he definido su estilo de la siguiente manera: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Esto me da barras de desplazamiento horizontal y vertical automáticamente una vez que lleno mi tabla que está contenida en este div. Solo quiero que las barras de desplazamiento …

200 css  html 

Sé que puedo establecer un valor CSS a través de JavaScript como: document.getElementById('image_1').style.top = '100px'; Pero, ¿puedo obtener un valor de estilo específico actual? He leído dónde puedo obtener todo el estilo para el elemento, pero no quiero tener que analizar toda la cadena si no es necesario.

200 javascript  css 

Si tengo una etiqueta de encabezado <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } y después de eso tengo un párrafo <p>stuff here</p>. ¿Cómo puedo asegurarme de usar CSS que cada <p>etiqueta que sigue h1.hc-reforma usar:clear:both; sera eso: h1.hc-reform > p{ clear:both; } por alguna razón eso no …

200 html  css  css-selectors  siblings 

Tengo el siguiente código: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> ¿Es posible cambiar el color de relleno de la ruta SVG con CSS o algún otro medio sin cambiarlo realmente dentro de la …

200 css  svg 

Tengo un envoltorio div que contiene 2 divs uno al lado del otro. Sobre este contenedor tengo un div que contiene mi encabezado. La envoltura div debe ser 100% menos la altura del encabezado. El encabezado es de unos 60 px. Esto está arreglado. Entonces mi pregunta es: ¿cómo configuro …

199 css  height