Preguntas etiquetadas con css

Un scriptelemento que se diseñó como display:blockaparece visible. ¿Por qué es posible y hay algún caso de uso real donde se desee? td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td> </tr> </table> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento

142 html  css  script-tag 

Tengo una imagen en este enlace: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Como puede ver, esta es una imagen normal con la orientación correcta. Sin embargo, cuando configuro este enlace al atributo src de mi etiqueta de imagen, la imagen se pone boca abajo. http://jsfiddle.net/7j5xJ/ <img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento ¿Tienes …

142 html  css  image 

Estoy tratando de alinear varios componentes inliney inline-blockverticalmente en a div. ¿Cómo es que spanen este ejemplo insiste en ser empujado hacia abajo? He intentado ambos vertical-align:middle;y vertical-align:top;, pero nada cambia. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { …

142 html  css  vertical-alignment 

Tengo CSS que cambia el formato cuando pasas el cursor sobre un elemento. HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } En algunos casos, no quiero aplicar CSS al pasar el mouse por encima. Una forma sería simplemente eliminar la clase CSS del div usando …

142 html  css 

Tengo un sitio web aquí . Visto en un navegador de escritorio, la barra de menú negra se extiende correctamente solo hasta el borde de la ventana, ya que bodytiene overflow-x:hidden. En cualquier navegador móvil, ya sea Android o iOS, la barra de menú negra muestra su ancho completo, lo …

142 css  overflow  viewport  mobile-browser 

¿Hay alguna manera de agregar una barra de desplazamiento horizontal a una tabla HTML? De hecho, necesito que se pueda desplazar tanto vertical como horizontalmente según cómo crezca la tabla, pero no puedo hacer que aparezca ninguna barra de desplazamiento.

142 html  css  html-table  scrollbar 

Estoy usando google webfonts y están bien en tamaños de fuente súper grandes, pero a 18px, se ven horribles. He leído aquí y allá que hay soluciones para el suavizado de fuentes, pero no he encontrado ninguna que lo explique claramente y los pocos fragmentos que he encontrado no funcionan …

141 css  google-chrome  fonts  google-webfonts 

Hola, estoy usando algo similar a lo siguiente para colocar un div en el centro de la pantalla: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your …

141 css  html  window  center 

¿Alguien sabe un método simple para intercambiar el color de fondo de una página web usando JavaScript?

141 javascript  css 

Mi objetivo es hacer una página HTML que sea similar a un "marco de fotos". En otras palabras, quiero hacer una página en blanco rodeada de 4 imágenes. Este es mi código: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> …

141 html  css  html-table  background-image 

¿Cómo aplico un estilo a un cuadro de entrada vacío? Si el usuario escribe algo en el campo de entrada, el estilo ya no debería aplicarse. ¿Es esto posible en CSS? Intenté esto: input[value=""]

141 css  input  css-selectors 

Estoy tratando de usar consultas de medios CSS3 para crear una clase que solo aparece cuando el ancho es mayor que 400 px y menor que 900 px. Sé que esto es probablemente extremadamente simple y me falta algo obvio, pero no puedo entenderlo. Lo que se me ocurrió es …

141 css  media-queries 

Estoy usando una hoja de estilo separada para imprimir. ¿Es posible establecer el margen derecho e izquierdo en la hoja de estilo que establece el margen de impresión (es decir, margen en papel). Gracias.

141 html  css  printing  stylesheet 

Estoy haciendo una firma de correo electrónico HTML con CSS en línea (es decir, en CSS styleatributos), y estoy curioso en cuanto a si es posible utilizar las :beforey :afterlos pseudo-elementos. Si es así, ¿cómo implementaría algo como esto con CSS en línea? td { text-align: justify; } td:after { …

141 html  css  css-selectors  pseudo-element  inline-styles 

Quiero agregar un estilo a la etiqueta seleccionada de un botón de radio: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } ¿Alguna …

141 html  css