Perguntas com a marcação «css»

Estou trabalhando em um layout aninhado de flexbox que deve funcionar da seguinte maneira: O nível mais externo ( ul#main) é uma lista horizontal que deve ser expandida para a direita quando mais itens forem adicionados a ela. Se crescer muito, deve haver uma barra de rolagem horizontal. #main { …

167 html  css  flexbox 

Estou no processo de construção do meu primeiro aplicativo solo do Rails usando o Rails 3.1.rc5. Meu problema é que eu quero que meu site processe os vários arquivos CSS condicionalmente. Estou usando o CSS do Blueprint e estou tentando fazer com que as rodas dentadas / trilhos sejam processadas …

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

Gostaria de começar a usar a bússola e a sass para acelerar o desenvolvimento. No momento, instalei o Sass em um mac e o instruí a assistir o arquivo scss para entrada e um arquivo css para saída gerada. Em muitos artigos, o Sass é usado com o Compass, estou …

166 css  sass  compass-sass 

É possível definir um background-imagepara um <path>elemento SVG ? Por exemplo, se eu definir o elemento class="wall", o estilo CSS .wall {fill: red;}funcionará, mas .wall{background-image: url(wall.jpg)}também não .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Eu tenho uma página (XHTML Strict) onde flutuo uma imagem ao lado de parágrafos regulares de texto. Tudo vai bem, exceto quando uma lista é usada em vez de parágrafos. Os marcadores da lista se sobrepõem à imagem flutuada. Alterar a margem da lista ou dos itens da lista não …

166 html  css 

Meu HTML tem uma classe chamada .required que é atribuída aos campos obrigatórios. Aqui está o 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 

Meu CSS: #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } Agora está mostrando o conteúdo Mas eu quero mostrar como conteúdo de conteúdo ... Eu preciso mostrar pontos após o conteúdo. O conteúdo vem dinamicamente do banco de dados.

166 html  css 

Encontrei uma maneira de fazer um contêiner div ocupar pelo menos a altura total de uma página, definindo min-height: 100%;. No entanto, quando adiciono uma div aninhada e definida height: 100%;, ela não se estende à altura do contêiner. Existe uma maneira de consertar isso? html, body { height: 100%; …

166 css  html 

Existe uma maneira de renderizar html para uma imagem como PNG? Eu sei que isso é possível com canvas, mas eu gostaria de renderizar o elemento html padrão como div, por exemplo.

166 javascript  html  css  image  render 

Atualmente, estou desenvolvendo um aplicativo Web usando html5 e jQuery para iPad Safari. Estou com um problema no qual grandes áreas de rolagem fazem com que os elementos que estão fora da tela apareçam após um atraso quando eu os deslizo para baixo. O que quero dizer com isso é …

165 css  ios  ipad  html  mobile-safari 

Como posso controlar a imagem de plano de fundo e a cor de um elemento do corpo em um iframe? Observe que o elemento do corpo incorporado possui uma classe e o iframede uma página que faz parte do meu site. A razão pela qual eu preciso disso é que …

165 css  iframe  styles  overriding 

Qual é a melhor maneira de criar um elemento com 100% de altura mínima em uma ampla variedade de navegadores? Em particular, se você tiver um layout com headere footerfixo height, como você faz com que a parte do conteúdo intermediária preencha 100%o espaço intermediário com o footerfixo na parte …

164 html  css  xhtml 

Eu gostaria de ter uma alternativa a uma caixa de seleção padrão - basicamente eu gostaria de usar imagens e, quando o usuário clicar na imagem, esmaecer e sobrepor uma caixa de seleção. Em essência, quero fazer algo como o Recaptcha 2 faz quando você clica nas imagens que atendem …

164 javascript  jquery  css  html 

É possível alterar a aparência de <input type="file">?

164 html  css  file-upload  input 

Eu tenho o seguinte 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> Ele mostra o diálogo modal mais ou menos assim, basicamente, coloca a barra de rolagem inteira …

164 css  twitter-bootstrap