Preguntas etiquetadas con css

Estoy trabajando en un diseño de caja flexible anidado que debería funcionar de la siguiente manera: El nivel más externo ( ul#main) es una lista horizontal que debe expandirse a la derecha cuando se le agregan más elementos. Si crece demasiado, debe haber una barra de desplazamiento horizontal. #main { …

167 html  css  flexbox 

¿Hay alguna manera de representar html en una imagen como PNG? Sé que es posible con el lienzo, pero me gustaría representar el elemento html estándar como div, por ejemplo.

167 javascript  html  css  image  render 

Estoy en el proceso de construir mi primera aplicación Rails solo usando Rails 3.1.rc5. Mi problema es que quiero que mi sitio procese los diversos archivos CSS condicionalmente. Estoy usando Blueprint CSS e intento que las ruedas dentadas / rieles se procesen la screen.cssmayor parte del tiempo, print.csssolo durante la …

166 css  ruby-on-rails-3.1  asset-pipeline  sprockets 

Me gustaría comenzar a usar brújula y sass para acelerar el desarrollo. Por el momento, instalé Sass en una Mac y le ordené que mirara el archivo scss para la entrada y un archivo css para la salida generada. De muchos artículos, Sass se usa con Compass, me pregunto por …

166 css  sass  compass-sass 

¿Es posible establecer un background-imagepara un <path>elemento SVG ? Por ejemplo, si configuro el elemento class="wall", el estilo CSS .wall {fill: red;}funciona, pero .wall{background-image: url(wall.jpg)}tampoco lo hace .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Tengo una página (XHTML Strict) donde floto una imagen junto con párrafos regulares de texto. Todo va bien, excepto cuando se usa una lista en lugar de párrafos. Las viñetas de la lista se superponen a la imagen flotante. Cambiar el margen de la lista o los elementos de la …

166 html  css 

Mi HTML tiene una clase llamada .requiredque se asigna a los campos obligatorios. Aquí está el HTML: <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group required"><label …

166 css  forms  twitter-bootstrap-3  form-fields 

Mi CSS: #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } Ahora muestra contenido contenido Pero quiero mostrar como contenido de contenido ... Necesito mostrar puntos después del contenido. Los contenidos provienen dinámicamente de la base de datos.

166 html  css 

Encontré una manera de hacer un contenedor div para ocupar al menos la altura completa de una página, mediante la configuración min-height: 100%;. Sin embargo, cuando agrego un div y un conjunto anidados height: 100%;, no se estira hasta la altura del contenedor. ¿Hay alguna forma de arreglarlo? html, body …

166 css  html 

Actualmente estoy desarrollando una aplicación web usando html5 y jQuery para iPad Safari. Me encuentro con un problema en el que grandes áreas de desplazamiento hacen que los elementos que están fuera de la pantalla aparezcan después de un retraso cuando me desplazo hacia ellos. Lo que quiero decir con …

165 css  ios  ipad  html  mobile-safari 

Me gustaría tener una alternativa a una casilla de verificación estándar, básicamente me gustaría usar imágenes y cuando el usuario hace clic en la imagen, la desvanece y superpone una casilla de verificación. En esencia, quiero hacer algo como lo hace Recaptcha 2 cuando hace que hagas clic en imágenes …

165 javascript  jquery  css  html 

¿Cómo puedo controlar la imagen de fondo y el color de un elemento del cuerpo dentro de un iframe? Tenga en cuenta que el elemento del cuerpo incrustado tiene una clase y iframees de una página que forma parte de mi sitio. La razón por la que necesito esto es …

165 css  iframe  styles  overriding 

Tengo el siguiente elemento: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Muestra un cuadro de diálogo modal como este, básicamente, coloca una barra de desplazamiento alrededor de todo …

165 css  twitter-bootstrap 

Quiero usar la fuente Roboto de Google en mi sitio web y estoy siguiendo este tutorial: http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 He descargado el archivo que tiene una estructura de carpetas como esta: Ahora tengo tres preguntas: Tengo CSS en mi media/css/main.cssurl. Entonces, ¿dónde necesito poner esa carpeta? ¿Necesito extraer todo el eot, svg, …

165 html  css  fonts 

¿Cuál es la mejor manera de hacer un elemento de 100% de altura mínima en una amplia gama de navegadores? En particular, si tiene un diseño con un headery footerde fijo height, ¿Cómo hacer que el contenido del medio llene 100%el espacio intermedio con el footerfijo en la parte inferior?

164 html  css  xhtml