Articles of css

No se puede centrar el texto en la imagen

Tengo una configuración particular que permite establecer 4 imágenes una al lado de la otra y actuar de manera receptiva en un formato de lista. Intento tener un título con un fondo que coincida con la misma altura que el texto y que se extienda al ancho de la imagen, para centrarlo vertical y horizontalmente […]

Div flotante que rellena el ancho restante del elemento primario

¿Cómo puedo hacer para llenar el rest del ancho del contenedor si quedan al menos 50 píxeles? Si foo es> 50px se mueve a una nueva línea que aumenta la altura del contenedor. Esta pregunta HTML / CSS: expandir un elemento flotante-izquierdo al ancho restante de parent es el mismo. Me niego a creer que […]

El subrayado del enlace no desaparecerá

Estoy escribiendo un complemento para WordPress y cuando agrego un enlace, el subrayado no desaparecerá. El tema que estoy usando es veintiséis . Aquí está mi html: some text Me sorprende que esto no funcione, ya que la text-decoration está incluso en línea. También incluí esto en mi CSS: a.thisisunique, a.thisisunique:link, a.thisisunique:visited, a.thisisunique:hover, a.thisisunique:active, a.thisisunique:focus […]

4 imágenes en cada esquina de la pantalla html css

Estoy tratando de colocar 4 pequeñas imágenes en cada esquina de la pantalla. Quiero algo como: ¿Cómo puedo lograr esto usando HTML y CSS? El siguiente código muestra una imagen donde debería haber 4 pequeños. div.img { border: 1px solid #ccc; } div.img:hover { border: 1px solid #777; } div.desc { padding: 15px; text-align: center; […]

organizar el título sobre una imagen

Tengo este ejemplo: http://jsfiddle.net/WkpL9/ HTML: asdadsadasdasdsadasdasdasdasdsadsad CSS: .image-container { position: relative; margin-left: auto; margin-right: auto; width: 100%; } .image-container img { max-height: 150px; } .image-container p { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 0px; } Me gustaría que el título de la imagen sea: 1. posicionado sobre la imagen (en […]

Menú desplegable principal del submenú

Estoy tratando de obtener un menú desplegable vertical a la derecha, pero el menú secundario sigue anulando el menú actual. Intenté mirar alrededor, pero no puedo encontrar una solución en ningún lado. ¿Alguien un poco más inteligente que yo, se preocupa por iluminarme? Aquí está el violín: http://jsfiddle.net/Magnolia/3czzbhes/ @charset “utf-8”; /* CSS Document */ /*Index*/ […]

¿Cómo usar el cuadro de búsqueda personalizado para la búsqueda personalizada de Google?

¿Cómo usar el cuadro de búsqueda personalizado para la búsqueda personalizada de Google? Necesito cambiar el estilo del cuadro de búsqueda de google en mi propio estilo.

¿Por qué mi efecto jQuery no funciona como dice?

Tengo 3 preguntas sobre mi estudio jQuery hoy. ¿Por qué mi código jQuery no tiene el efecto de animación como debería ser? por ejemplo, .slideUp () y .slideDown (), mi código muestra algo extraño en lugar de la animación de slideUp. Entiendo, la función .hide () o .slideUp () es solo para OCULTAR el cuadro […]

Imagen de fondo infinitamente moviéndose hacia la izquierda dentro del contenedor de ancho completo

Quiero crear una animación de imagen infinitamente desplazable (hacia la izquierda), donde el contenedor tiene el ancho completo y la imagen de fondo se repite horizontalmente. Por lo tanto, siempre será como un estilo de ticker: la misma imagen se mueve hacia la izquierda sin interrupciones. Idealmente me gustaría que sea HTML y CSS puro […]

CSS en el sistema de grilla Fluid 960

La cuadrícula 960 es genial y después de descargarla, noté que demo.html contiene al final ejemplos de las clases .push y .pull como esta: 60, class = “grid_6 push_6” => class = “grid_1 alpha” 380, class=”grid_6 push_6″ => class=”grid_5 omega” 220, class=”grid_6 push_6″ => class=”grid_3 alpha” 220, class=”grid_6 push_6″ => class=”grid_3 omega” La página de […]