Eu quero um link que não faz nada. Eu não quero isso: <a href="#"> porque então o URL se torna something.com/whatever/#. A única razão pela qual quero um link é para que o usuário veja que pode clicar no texto. JavaScript está sendo usado para realizar alguma ação, então não preciso que...
Estou usando o bootstrap do Twitter para criar guias alternáveis. Aqui está o css que estou usando: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile"
Estou preocupado com background-position-xe background-position-y. Gecko (Firefox) e Presto (Opera) não os suportam, mas Webkit (Chrome, Safari) sim ... Alguém sabe (com referências oficiais) se isto está (ou será) incluído na norma?
Eu uso contadores aninhados e escopo para criar uma lista ordenada: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol>...
Eu tenho a seguinte marcação: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Eu quero que, se o texto quebrar, ele não vá para a 'coluna' da imagem. Sei que posso fazer isso com um table(o que estava...
Quero quebrar um texto em apenas duas linhas dentro de div de largura específica. Se o texto ultrapassar o comprimento de duas linhas, quero mostrar elipses. Existe uma maneira de fazer isso usando CSS? por exemplo Sample text showing wrapping of text in only two line... obrigado...
Digamos que eu tenha dois divs próximos um do outro ( https://chrome.google.com/webstore/category/home como referência) com uma borda. Existe uma maneira (de preferência um truque de CSS) para evitar que meus divs pareçam ter uma borda dupla? Dê uma olhada nesta imagem para entender melhor o...
Eu tenho um div recolhível CSS puro que é baseado no código de outra pessoa que usa o :targetpsuedoclass. O que estou tentando configurar é uma página com mais de 12 perguntas e, quando você clica no botão +, a div de resposta se expande abaixo. Não consigo descobrir como fazer vários elementos...
Então, estou tendo um problema. Eu olhei em volta e olhei em volta, mas sem sorte. Gostaria de deixar o fundo do meu corpo transparente, mas não o texto. Como está agora, continuo fazendo a mesma opacidade. Aqui está o meu código: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial,...
Eu entendo que as fontes de ícone são apenas fontes e que você pode obter os ícones apenas chamando seu nome de classe, mas como as fontes de ícone funcionam? Tentei verificar os recursos de fontes de ícones relacionados carregados no Chrome para ver como as fontes de ícones exibem os ícones...
No momento, estou tentando criar um efeito de zoom ao passar o mouse sobre uma das minhas quatro imagens. O problema é que a maioria dos exemplos geralmente usa tabelas ou divs de máscara para aplicar algum tipo de efeito. Aqui está um exemplo que implementa o que eu gostaria deste . este é o...
Não consigo descobrir como trazer as imagens para a frente usando CSS. Já tentei definir o índice z como 1000 e a posição como relativa, mas ainda falhou. Aqui está um exemplo #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background:...
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display:
Eu tenho uma classe deslizante como esta e desejo alterar o atributo de estilo style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left:
Aqui está uma ilustração do problema (testado no Firefox e Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Executar snippet de códigoOcultar resultadosExpandir snippet Ver no...
Existe uma pseudo classe em CSS para especificar :not(:hover) Ou essa é a única maneira de especificar um item que não está sendo pairado? Passei por várias referências CSS3 e não vejo nenhuma menção de uma pseudo classe CSS para especificar o oposto de: hover.
Você encontra muitos tutoriais sobre barras de menu em HTML, mas para este caso específico (embora genérico IMHO), não encontrei nenhuma solução decente: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # Há um número variável de itens de menu somente texto e o layout...
Tudo que eu quero é ser capaz de mudar a cor de um marcador em uma lista para um cinza claro. O padrão é preto e não consigo descobrir como alterá-lo. Eu sei que poderia usar apenas uma imagem; Prefiro não fazer isso se puder evitar.
Qual é a largura segura em pixels para imprimir uma página da web? Minha página inclui imagens grandes e quero ter certeza de que não serão cortadas quando impressas. Eu sei sobre as diferentes margens do navegador e tamanhos de papel Carta EUA / DIN A4. Portanto, temos o tamanho de carta...
Eu encontrei alguns exemplos recentemente que fazem coisas como: <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> para fazer...