Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.


2
Selector de CSS con punto en ID
La especificación HTML permite puntos (.) En una identificación: <img id="some.id" /> Sin embargo, el uso de una regla de selección de ID de CSS no coincidirá correctamente: #some.id { color: #f00; } La especificación CSS para selectores de ID no menciona este caso. Entonces, ¿asumo que está usando la …

4
¿Cómo alinear verticalmente elementos <li> en <ul>?
Tengo una horizontal &lt;ul&gt;y necesito centrar cada una &lt;li&gt;en ella verticalmente. Mi marcado está debajo. Cada uno &lt;li&gt;tiene un borde, y necesito que los elementos, así como su contenido, estén en el medio verticalmente. Por favor ayuda; Soy nuevo en CSS. &lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …
96 css 


6
: el primer hijo no funciona como se esperaba
Estoy tratando de seleccionar el primero h1dentro de divcon una clase llamada detail_container. Funciona si h1es el primer elemento dentro de esto div, pero si viene después de esto ul, no funcionará. &lt;style type="text/css"&gt; .detail_container h1:first-child { color:blue; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="detail_container"&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;h1&gt;First H1&lt;/h1&gt; …

8
Coloque los iconos en un círculo
¿Cómo puedo colocar varios &lt;img&gt;elementos en un círculo alrededor de otro y hacer que todos esos elementos también sean enlaces en los que se puede hacer clic? Quiero que se vea como la imagen de abajo, pero no tengo idea de cómo lograr ese efecto. ¿Es esto siquiera posible?
96 html  css 


5
Visualización CSS: la fila de la tabla no se expande cuando el ancho se establece en 100%
Tengo un pequeño problema. Estoy usando FireFox 3.6 y tengo la siguiente estructura DOM: &lt;div class="view-row"&gt; &lt;div class="view-type"&gt;Type&lt;/div&gt; &lt;div class="view-name"&gt;Name&lt;/div&gt; &lt;/div&gt; Y el siguiente CSS: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .view-type { display: table-cell; } Si me quito el display:table-rowaparecerá correctamente, view-rowmostrando un ancho …
96 css 

7
Cómo aplicar dos clases CSS a un solo elemento
¿Puedo aplicar 2 clases a un solo div o span o cualquier elemento html? Por ejemplo: &lt;a class="c1" class="c2"&gt;aa&lt;/a&gt; Lo intenté y en mi caso c2 no se aplica. ¿Cómo puedo aplicar ambas clases a la vez?
96 html  css 

13
td anchos, no funciona?
Entonces tengo este código aquí: &lt;table&gt; &lt;tr&gt; &lt;td width="200px" valign="top"&gt; &lt;div class="left_menu"&gt; &lt;div class="menu_item"&gt; &lt;a href="#"&gt;Home&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/td&gt; &lt;td width="1000px" valign="top"&gt;Content&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; con el CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } …
96 html  css  html-table  width 

6
Transición CSS3: efecto de desvanecimiento
Estoy tratando de implementar el efecto de "desvanecimiento" en CSS puro. Aquí está el violín . Busqué un par de soluciones en línea, sin embargo, después de leer la documentación en línea , estoy tratando de averiguar por qué la animación de diapositivas no funcionaría. ¿Algún consejo? .dummy-wrap { animation: …

13
Elemento Bootstrap 100% de ancho
Quiero crear bloques de colores 100% alternos. Una situación "ideal" se ilustra como un apego, así como la situación actual. Configuración deseada: Actualmente: Mi primera idea fue crear una clase div, darle un color de fondo y darle un ancho del 100%. .block { width: 100%; background: #fff; } Sin …

13
Haga que el póster de video HTML5 tenga el mismo tamaño que el video en sí
¿Alguien sabe cómo cambiar el tamaño del póster de video HTML5 para que se ajuste a las dimensiones exactas del video en sí? aquí hay un jsfiddle que muestra el problema: http://jsfiddle.net/zPacg/7/ aquí está ese código: HTML: &lt;video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /&gt; …


16
Margen de celda CSS
En mi documento HTML, tengo una tabla con dos columnas y varias filas. ¿Cómo puedo aumentar el espacio entre la primera y la segunda columna con css? Intenté aplicar "margin-right: 10px;" a cada una de las celdas del lado izquierdo, pero sin efecto.
95 html  css  cell  margin  css-tables 

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.