Preguntas etiquetadas con css

Me gustaría controlar cuánto espacio horizontal empuja una bala <li>hacia la derecha en un<ol> o <ul>. Es decir, en lugar de tener siempre * Some list text goes here. Me gustaría poder cambiar eso para ser * Some list text goes here. o *Some list text goes here. Miré a …

177 html  css  html-lists 

Tengo un div y quiero que esté centrado horizontalmente, aunque estoy dando que margin:0 auto;no está centrado ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

¿Existe una solución de navegador cruzado para producir una transición deslizante solo con CSS, sin javascript? A continuación se muestra un ejemplo del contenido html: <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

Quiero que la barra de navegación se pegue a la parte superior una vez que me desplazo hacia ella, pero no funciona y no tengo idea de por qué. Si puede ayudar, aquí está mi código HTML y CSS: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; …

177 html  css  css-position 

Estoy usando create-react-app y prefiero no hacerlo eject. No está claro dónde deberían ir las fuentes importadas a través de @ font-face y cargadas localmente. A saber, estoy cargando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } ¿Alguna sugerencia? - EDITAR …

177 css  reactjs  fonts  webpack  create-react-app 

Soy nuevo aquí en esta compañía y tenemos un producto que utiliza millas de CSS. Estoy intentando hacer una hoja de estilo imprimible para nuestra aplicación, pero estoy teniendo problemas con background-coloren @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Todo …

176 css  media-queries 

Actualmente estoy trabajando en un proyecto donde no tengo control sobre el HTML al que estoy aplicando estilos CSS. Y el HTML no está muy bien etiquetado, en el sentido de que no hay suficientes declaraciones de id y clase para diferenciar entre elementos. Por lo tanto, estoy buscando formas …

176 html  css  css-selectors 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> Este es mi script CSS .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } Quiero estirar background-imagetodo sobre la <td>celda

176 html  css  background 

Considere el siguiente fragmento: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy …

176 css  internet-explorer  flexbox  internet-explorer-11 

Estoy tratando de establecer un <div>cierto porcentaje de altura en CSS, pero sigue siendo del mismo tamaño que el contenido que contiene. <!DOCTYTPE html>Sin embargo, cuando elimino el HTML 5 , funciona, <div>ocupando toda la página como lo desee. Quiero que la página se valide, ¿qué debo hacer? Tengo este …

176 html  css  height 

Tengo una colección de elementos de bloque en una página. Todos tienen las reglas CSS espacio en blanco, desbordamiento, desbordamiento de texto establecido para que el texto desbordado se recorte y se use una elipsis. Sin embargo, no todos los elementos se desbordan. ¿Hay alguna forma de usar JavaScript para …

176 javascript  html  css  ellipsis 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Quiero seleccionar #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Eso no funciona siempre que tenga otro div.somethingcomo el último hijo real en la lista …

176 html  css  css-selectors 

Quiero combinar :aftercon :hoverCSS (o cualquier otro pseudo selector). Básicamente tengo una lista y el elemento con la selectedclase tiene una forma de flecha aplicada usando :after. Quiero que lo mismo sea cierto para los objetos que se ciernen sobre ellos pero no puedo hacer que funcione. Aquí está el …

176 css  css-selectors  pseudo-element 

Esto debería ser simple, pero tengo problemas para encontrar los términos de búsqueda. Digamos que tengo esto: <div class="a c">Foo</div> <div class="b c">Bar</div> En CSS, ¿cómo puedo crear un selector que coincida con algo que coincida con "(.a o .b) y .c"? Sé que podría hacer esto: .a.c,.b.c { /* …

176 html  css  css-selectors 

Quiero aplicar una regla CSS a cualquier elemento cuya clase coincida con el prefijo especificado. Por ejemplo, quiero una regla que se aplique a div que tiene una clase que comienza con status-(A y C, pero no B en el siguiente fragmento): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class …

175 css  css-selectors