Estou tentando controlar vídeos HTML5 usando JQuery. Eu tenho dois clipes em uma interface com guias, existem seis guias no total, os outros apenas têm imagens. Estou tentando reproduzir os videoclipes quando sua guia é clicada e depois parar quando qualquer uma das outras é clicada. Isso deve ser...
Eu sei que a configuração margin: 0 auto;de um elemento é usada para centralizá-lo (esquerda-direita). No entanto, eu sei que o elemento e seu pai devem atender a certos critérios para que a margem automática funcione, e eu nunca consigo acertar a mágica. Portanto, minha pergunta é simples: quais...
Este é o CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Como ele produz o círculo abaixo? Suponha que, se a largura do retângulo for de 180 pixels e a altura de 180 pixels, apareceria assim: Depois de aplicar o raio da borda de 30 pixels, apareceria...
Digamos que eu tenho uma string " Eu gosto de bundas grandes e não posso mentir " e eu a corto overflow:hidden, para exibir algo assim: Eu gosto de bundas grandes e não posso cortando o texto. É possível exibir isso assim: Gosto de bundas grandes e não posso ... usando...
Eu tenho um espaço com dados dinâmicos na minha página, com ellipsisestilo. .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; Gostaria de...
Atualmente, quando a largura do navegador cai abaixo de 768px, a barra de navegação muda para o modo recolhido. Quero alterar essa largura para 1000 px. Portanto, quando o navegador estiver abaixo de 1000 px, a barra de navegação mudará para o modo recolhido. Eu quero fazer isso sem usar menos,...
Criei um menu horizontal usando listas HTML e CSS. Tudo funciona como deveria, exceto quando você passa o mouse sobre os links. Veja bem, eu criei um estado de foco em negrito para os links, e agora os links do menu mudam devido à diferença de tamanho em negrito. Encontro o mesmo problema que esta...
Eu tenho uma tabela simples que é usada para uma caixa de entrada da seguinte maneira: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> Como defino a largura para que De e Data sejam 15% da largura da página e o...
Como você pode ver no CSS abaixo, quero child2me posicionar antes child1. Isso ocorre porque o site que estou desenvolvendo no momento também deve funcionar em dispositivos móveis, nos quais child2deve estar na parte inferior, pois contém a navegação desejada abaixo do conteúdo dos dispositivos...
Estou usando o framework de bootstrap do twitter há um bom tempo e eles foram atualizados recentemente para a versão 3! Estou tendo problemas para colocar o rodapé grudado no fundo, usei o modelo inicial fornecido pelo site de inicialização do twitter, mas ainda sem sorte, alguma...
Estou trabalhando para uma fundação que aumenta a conscientização sobre a acessibilidade na internet. Para uma apresentação, queremos oferecer um pequeno workshop que simule diferentes deficiências / deficiências para as pessoas. Isso é feito através de um site criado especialmente para esta...
Eu tenho 2 divs lado a lado em um flexbox. A mão direita deve sempre ter a mesma largura, e eu quero que a mão esquerda pegue o espaço restante. Mas não será, a menos que eu defina especificamente sua largura. Portanto, no momento, ele está definido como 96%, o que parece bom até você realmente...
É possível definir um estilo CSS para um elemento, que será aplicado apenas se o elemento correspondente contiver um elemento específico (como o item filho direto)? Eu acho que isso é melhor explicado usando um exemplo. Nota : Estou tentando estilizar o elemento pai , dependendo de quais...
Eu tenho um aplicativo da web móvel com uma lista não ordenada que contém vários itens de lista com um hiperlink dentro de cada li: ... Minha pergunta é como posso formatar os hiperlinks para que eles não mudem de tamanho quando vistos em um iPhone, e o acelerômetro muda de retrato -> paisagem?...
Eu tenho um site voltado principalmente para usuários móveis, mas também para computadores. No Mobile Safari, usando <input type="number"> funciona muito bem porque exibe o teclado numérico nos campos de entrada que devem conter apenas números. No Chrome e Safari, no entanto, o uso de...
Qual é a maneira correta de colocar o texto em itálico? Eu já vi as quatro abordagens a seguir: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Este é o...
Digamos que eu tenho esse HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img...
Aqui está o meu HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Quero deixar o nome do produto (ou seja, 'Produto1', 'Produto2', etc) em negrito e suas categorias (viz....
Eu gostaria de desvanecer um elemento (fazendo a transição de sua opacidade para 0) e, quando terminar, remova o elemento do DOM. No jQuery, isso é simples, pois você pode especificar que "Remover" ocorra após a conclusão da animação. Mas se eu desejar animar usando transições CSS3, existe alguma...
Tenho certeza de que existe uma solução simples para esse problema. Basicamente, se eu tiver duas colunas, como posso adicionar um espaço entre elas? por exemplo, se o html for: <div class="col-md-6"></div> <div class="col-md-6"></div> A saída seria simplesmente duas...