Dado este HTML: <div>foo</div><div>bar</div><div>baz</div> ¿Cómo hacer que se muestren en línea de esta manera: foo bar baz así no: foo bar baz
Pregunta novata total, pero aquí. CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none;
Tengo un SVG que estoy tratando de centrar en un div. El div tiene un ancho o 900px. El SVG tiene un ancho de 400 px. El SVG tiene su margen izquierdo y margen derecho establecidos en automático. No funciona, solo actúa como si el margen izquierdo fuera 0 (predeterminado). Alguien sabe mi...
Tal como está actualmente, esta pregunta no es adecuada para nuestro formato de preguntas y respuestas. Esperamos que las respuestas sean respaldadas por hechos, referencias o experiencia, pero esta pregunta probablemente solicitará debate, argumentos, encuestas o discusión
Estoy tratando de construir un diseño similar al siguiente: +---+---+---+ | | | | +---+---+---+ | | +-----------+ donde la parte inferior está llenando el espacio de la fila superior. Si se tratara de una tabla real, podría lograrlo fácilmente <td colspan="3">, pero como simplemente estoy...
Supongamos que quiero decorar enlaces a ciertos tipos de archivos usando una imagen. Podría declarar mis enlaces como <a href='foo.pdf' class='pdflink'>A File!</a> entonces tener CSS como .pdflink:after { content: url('/images/pdf.png') } Ahora, esto funciona muy bien, excepto si...
Soy un principiante en la programación de rieles, intento mostrar muchas imágenes en una página. Algunas imágenes deben colocarse sobre otras. Para hacerlo simple, digamos que quiero un cuadrado azul, con un cuadrado rojo en la esquina superior derecha del cuadrado azul (pero no apretado en la...
Me gustaría rodear un número en un círculo como en esta imagen: ¿Es esto posible y cómo se
¿Depende de la plataforma que esté utilizando o existe una convención común que la mayoría de los desarrolladores sugieren / siguen? Hay varias opciones: id="someIdentifier"' - se ve bastante consistente con el código javascript. id="some-identifier" - se parece más a los atributos tipo html5 y...
Utilizo nginx como servidor frontal, modifiqué los archivos CSS, pero nginx sigue sirviendo a los antiguos. Traté de reiniciar nginx, sin éxito y busqué en Google, pero no encontré una forma válida de borrarlo. Algunos artículos dicen que simplemente podemos eliminar el directorio de caché:...
He creado una hoja de estilo personalizada que anula el CSS original para mi plantilla de Wordpress. Sin embargo, en mi página de calendario, el CSS original tiene la altura de cada conjunto de celdas de tabla con la !importantdeclaración: td {height: 100px !important} ¿Hay alguna forma de anular...
He creado un nuevo proyecto de Foundation 5 a través de bash, con foundation new my-project. Cuando abro el archivo index.html en Chrome, Uncaught TypeError: a.indexOf is not a functionse muestra un error en la consola, que se origina en jquery.min.js:4. Creé el proyecto siguiendo los pasos en el...
Soy muy nuevo en HTML y CSS y me preguntaba cómo podría poner en negrita mi fuente usando CSS. Tengo una página HTML simple que importa un archivo CSS, y puedo cambiar la fuente en el CSS. Pero no sé cómo poner en negrita la fuente, ¿alguien puede
Necesito obtener la altura de un elemento que está dentro de un div que está oculto. En este momento muestro el div, obtengo la altura y oculto el div padre. Esto parece un poco tonto. ¿Hay una mejor manera? Estoy usando jQuery 1.4.2: $select.show(); optionHeight = $firstOption.height(); //we can...
Estoy inspeccionando un h2elemento en una página web usando el inspector de elementos de Google Chrome y algunas de las reglas CSS, que parecen estar aplicadas, están atenuadas. Parece que un tachado indica que una regla fue anulada, pero ¿qué significa cuando un estilo está
Tengo un JavaScript trivial para efectuar un cambio de estilo: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; Esto funciona bien con las últimas versiones de FF, Opera e IE, pero falla en las últimas versiones...
Estoy tratando de hacer un diseño de altura completa de dos columnas con twitter bootstrap 3. Parece que twitter bootstrap 3 no admite diseños de altura completa. Lo que quiero hacer: +-------------------------------------------------+ | Header |
Solo me pregunto si de alguna manera es posible hacer que la contentpropiedad CSS inserte código html en lugar de una cadena :beforeo :afterun elemento como: .header:before{ content: '<a href="#top">Back</a>'; } esto sería bastante útil ... Se podría hacer a través de Javascript,...
Estoy tratando de centrar verticalmente un elemento spano divdentro de otro divelemento. Sin embargo cuando lo pongo vertical-align: middle, no pasa nada. He intentado cambiar las displaypropiedades de ambos elementos, y nada parece funcionar. Esto es lo que estoy haciendo actualmente en mi página...
Quiero colocar algunas imágenes SVG antes de algunos elementos seleccionados. Estoy usando jQuery pero eso es irrelevante. Me gustaría tener el :beforeelemento para ser como: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px...