Estou confuso com o sistema de grade no novo Bootstrap, particularmente estas classes: col-lg-* col-md-* col-xs-* (onde * representa algum número). Alguém pode explicar o seguinte: Como esse número está alinhando as grades? Como usar esses números? O que eles realmente
Gostaria de criar uma position: fixed;caixa pop - up centralizada na tela com largura e altura dinâmicas. Eu usei margin: 5% auto;para isso. Sem position: fixed;ele, centra-se bem na horizontal, mas não na vertical. Depois de adicionar position: fixed;, ele nem é centralizado horizontalmente. Aqui...
Na minha turma, eu estava brincando e descobri que o CSS funciona com elementos inventados. Exemplo: imsocool { color:blue; } <imsocool>HELLO</imsocool> Executar snippet de códigoOcultar resultadosExpandir snippet Quando meu professor me viu usando isso pela primeira vez, ele...
Para obter mais informações sobre o Stack Overflow, consulte Stack Overflow. Esta é uma sessão de perguntas e respostas de um pedaço de código útil que eu criei. Atualmente, não há uma maneira fácil de incorporar uma imagem SVG e, em seguida, ter acesso aos elementos SVG...
No Bootstrap , qual é a maneira mais amigável para a plataforma de criar uma barra de navegação com o logotipo A à esquerda, itens de menu no centro e logotipo B à direita? Aqui está o que eu tentei até agora, e ele acaba sendo alinhado para que o logotipo A fique à esquerda, os itens de menu ao...
Estou tentando descobrir como esconder o overflow-y:scroll;que não é necessário. O que quero dizer é que estou construindo um site e tenho uma área principal em que as postagens serão exibidas e quero ocultar a barra de rolagem se o conteúdo não exceder a largura atual. Além disso, minha segunda...
Como copiar o texto dentro de uma div para a área de transferência? Eu tenho uma div e preciso adicionar um link que adicione o texto à área de transferência. Existe uma solução para isso? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem...
Alguém pode me dizer se o seguinte CSS é válido? .class {
ok, digamos que o conteúdo <body>totalize 300px de altura. Se eu definir o plano de fundo do meu <body>uso -webkit-gradientou-moz-linear-gradient Depois, maximizo minha janela (ou apenas a levo a mais de 300px), o gradiente terá exatamente 300px (a altura do conteúdo) e repito para...
Eu tenho o seguinte trecho de CSS e HTML sendo renderizado. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea...
Gostaria de usar o flexbox para alinhar verticalmente algum conteúdo dentro de um, <li>mas sem grande sucesso. Eu verifiquei online e muitos dos tutoriais realmente usam uma div de wrapper que obtém as align-items:centerconfigurações flex no pai, mas estou pensando se é possível cortar esse...
Eu faço um catálogo usando o Bootstrap 3. Quando exibidas em tablets, as imagens do produto ficam feias por causa do tamanho pequeno (500x500) e da largura de 767 pixels no navegador. Eu quero colocar a imagem no centro da tela, mas por algum motivo eu não posso. Quem ajudará a resolver o...
Como definir <table>100% de largura e colocar apenas dentro da <tbody>rolagem vertical para alguma altura? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow:...
Eu tenho um divcom posicionamento padrão (ou seja position:static) e um divcom uma fixedposição. Se eu definir os índices z dos elementos, parece impossível fazer o elemento fixo ficar atrás do elemento estático. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px;...
Estou usando @font-faceno site da minha empresa e funciona / parece ótimo. Exceto Firefox e Chrome lançará um erro 404 no .woffarquivo. O IE não lança o erro. Eu tenho as fontes localizadas na raiz, mas tentei com as fontes na pasta css e até fornecendo o URL inteiro para a fonte. Se remover essas...
Eu tenho 2 divs: um no lado esquerdo e outro no lado direito da minha página. O lado esquerdo tem largura fixa e eu quero que o lado direito preencha o espaço restante. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float:...
Ok, isso está realmente me confundindo. Eu tenho algum conteúdo dentro de uma div assim: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> No entanto, o conteúdo excede o DIV (conforme...
Eu tenho um div( pai ) que contém outro div( filho ). Pai é o primeiro elemento bodysem um estilo CSS específico. Quando eu definir .child { margin-top: 10px; } O resultado final é que a parte superior do meu filho ainda está alinhada com a mãe. Em vez de o filho ser deslocado para 10 px para...
Eu tenho uma imagem e quero definir uma largura e altura específicas (em pixels) Mas se eu definir largura e altura usando css ( width:150px; height:100px), a imagem será esticada e poderá ser feia. Como preencher imagens para um tamanho específico usando CSS e não esticá- lo? Exemplo de imagem...
Existem boas abordagens para ajudar a identificar definições de CSS não utilizadas em um projeto? Um monte de arquivos CSS foram puxados e agora estou tentando limpar um pouco as