Ir ao conteúdo
  • Cadastre-se

Pesquisar na Comunidade

Mostrando resultados para as tags ''CSS''.



Mais opções de pesquisa

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Categorias

  • Armazenamento
  • Áudio
  • Energia
  • Entrada
  • Feiras e Eventos
  • Gabinetes
  • Memória
  • Museu
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Rádio CdH
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Armazenamento
  • Áudio
  • Câmeras
  • Computadores
  • Consoles
  • Eletrônicos
  • Energia
  • Entrada
  • Gabinetes
  • Impressão
  • Jogos
  • Memória
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Livros disponíveis
  • Livros esgotados

Fóruns

  • Mensagens do Clube do Hardware
    • Regras gerais
    • Boletins do Clube do Hardware
    • Notícias da administração
  • Hardware
    • Recomendações de computadores
    • Placas de vídeo
    • Placas-mãe e chipsets
    • Processadores
    • Problemas de gargalo e desempenho
    • Memórias
    • Armazenamento
    • Refrigeração e superaquecimento
    • Fontes e energia
    • Gabinetes e casemods
    • Placas de som e áudio on-board
    • Periféricos
    • Mac
    • Overclock
    • Hardware - outros
  • Computação móvel
    • Notebooks
    • Tablets
    • Smartphones e apps
  • Redes e Internet
    • Redes e Internet
    • Hospedagem de sites e registro de domínios
  • Segurança da informação
    • Remoção de malware
    • Dúvidas sobre invasões e infecções
    • Programas de proteção
  • Programação e desenvolvimento
    • Java
    • C/C#/C++
    • Pascal/Delphi
    • .NET
    • Bancos de dados
    • Programação web
    • Programação - iniciantes
    • Programação de microcontroladores
    • Programação - outros
  • Software
    • Jogos
    • Pacotes de escritório
    • Computação distribuída (Folding@Home, Bitcoin etc.)
    • Virtualização
    • Design, animação e tratamento de imagens
    • Edição de áudio e vídeo
    • Programas
  • Sistemas Operacionais
    • Recomendação de sistemas operacionais
    • Windows
    • GNU/Linux, BSD, Unix-like e software livre
  • Eletrônicos
    • Equipamentos de som, home theaters e gravadores de mesa
    • Televisores e projetores
    • Câmeras e filmadoras
    • Players portáteis
    • Consoles (videogames)
    • GPS
    • Telefonia fixa
    • Eletrônica
    • Retrocomputação
  • Outros
    • Recomendações de serviços e lojas
    • Preços e promoções
    • Notícias
    • Bolsa de empregos, certificações e mercado de trabalho
    • "Causos"
    • Encontros de usuários
    • Feira do Rolo
  • Clube do Hardware
    • Comentários, elogios, críticas, sugestões e questões sobre o Clube do Hardware
    • Comentários de artigos
    • Fórum para testes de funcionalidades

Categorias

  • Hardware
  • Redes
  • Eletrônica
  • Sistemas operacionais

Encontrar resultados em...

Encontrar resultados que...


Data de criação

  • Iniciar

    FIM


Última atualização

  • Iniciar

    FIM


Filtrar pelo número de...

Data de registro

  • Iniciar

    FIM


Grupo


Caixas de som

Encontrado 71 registros

  1. Galera estou com um problema! Estou tentando fazer com que ao dar o hover em um link ele mostre um texto abaixo falando sobre o que ele é. Mais quero que somente quando eu passe o mouse sobre o link ele mostre o texto… Mais ao colocar ele dentro de uma div quando passo o mouse sobre a parte branca ele fica mostrando o texto do hover! Queria que a div tenha o mesmo tamanho do texto para não ter esse problema e que seja um modo que qualquer texto que eu use a div fique do tamanho dele sem que eu tenha que fazer na mão para cada link! Se alguém souber um modo! <div class="some-div"> <a href="">Competências</a> <p class="some-element">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id vulputate augue. Donec varius arcu in massa lobortis, eu elementum nunc pharetra. Etiam eget odio ut libero semper ultrices ut nec lorem. </p> </div> .some-element { border: 1px solid #ccc; display: none; font-size: 10px; margin-top: 10px; padding: 5px; text-transform: uppercase; } .some-div:hover p { display:block; }
  2. Galera estou com o seguinte problema: eu criei dois menus e quero que os mesmos fiquem "colados" um no outro, mas acho que devido o bootstrap fica aquela margin automática travando essa opção. meu html: <body> <div class="col-xs-12"> <div class="row mt-0"> <nav class="col-md-12 menu"> <ul> <li>Book Shop</li> <li>(51)9 9576-0442</li> </ul> </nav> </div> <div class="row mt-0"> <nav class="col-md-12 menu-2"> <ul> <li>Início</li> <li>Sobre</li> <li>Categorias</li> <li>Contato</li> </ul> </nav> </div> </div> </body> meu css : /*-------PRIMEIRO MENU--------*/ .menu ul{ text-align: right; list-style: none; padding: 5px; background-color: #0D0C0C } .menu ul li{ display: inline; color: #EBE6E6; } .menu li{ padding-left: 2%; } /*---------SEGUNDO MENU--------*/ .menu-2 ul { text-align: left; list-style: none; padding: 5px; background-color: #7B1414; } .menu-2 ul li{ display: inline;; color: #F4D0D0; } .menu-2 ul li a{ color: #F4D0D0; text-decoration: none; padding: 2px; display: inline-block; } .menu-2 ul li a:hover{ background-color: #871D1D; color:#F5AEAE; }
  3. Tenho o seguinte código: <div class="row"> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <iframe src="video.mp4?modestbranding=1&amp;autohide=1&amp;showinfo=0" frameborder="0" allowfullscreen=""></iframe> </div> </div> <div class="col-md-6 ml-auto"> <h2 class="title">TESTE</h2> <img src="imagem.png"> </div> </div> de um lado fica o vídeo e do outro uma imagem, eu gostaria de fazer com que o vídeo fique centralizado verticalmente no meu col-md, como fazer?
  4. Socorro pessoas! Como faz anos que não mexo em nada de programação estou com essa dúvida bem básica: onde vai o sendto e meu endereço de e-mail nesse box de contato? <div class="box"> <form method="post" action="#"> <div class="fields"> <div class="field half"><input type="text" name="name" placeholder="Nome" /></div> <div class="field half"><input type="email" name="email" placeholder="E-mail" /></div> <div class="field"><textarea name="message" placeholder="Mensagem" rows="6"></textarea></div> </div> <ul class="actions special"> <li><input type="submit" value="Enviar mensagem" /></li> Obrigada!! obs: substituindo o # por sendto: meu email não parece funcionar
  5. Olá povo! Alguem pode me ajudar? Tenho um site simples que queria colocar imagens no lugar das palavras do menu, mas por ser em banco de dados não estou conseguindo fazer com que as imagens ali funcionem como botões. O site é o seguinte: http://www.aves.jsphynx.com Segue aqui o código do menu: <!-- Portfolio --> <section id="portfolio" class="page"> <div class="container"> <div class="row"> <div class="col-md-12 title-page text-center build"> <h2>Ordens</h2> </div> </div> <div class="row"> <div class="metro"> <div class="col-md-10 col-md-offset-1"> <div class="build"> <ul id="filterOptions" class="clearfix"> <li class="cur"><a class="btn btn-link linear" href="#" data-group="all">Todas</a></li> <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes">Accipitriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Apodiformes">Apodiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Caprimulgiformes">Caprimulgiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cariamiformes">Cariamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cathartiformes">Cathartiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Charadriiformes">Charadriiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Ciconiiformes">Ciconiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Columbiformes">Columbiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Coraciiformes">Coraciiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cuculiformes">Cuculiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Eurypygiformes">Eurypygiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Falconiformes">Falconiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galbuliformes">Galbuliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galliformes">Galliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Gruiformes">Gruiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Nyctibiiformes">Nyctibiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Opisthocomiformes">Opisthocomiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Passeriformes">Passeriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Pelecaniformes">Pelecaniformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phaethontiformes">Phaethontiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phoenicopteriformes">Phoenicopteriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Piciformes">Piciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Podicipediformes">Podicipediformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Procellariiformes">Procellariiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Psittaciformes">Psittaciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Rheiformes">Rheiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Sphenisciformes">Sphenisciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Steatornithiformes">Steatornithiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Strigiformes">Strigiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Suliformes">Suliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Tinamiformes">Tinamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Trogoniformes">Trogoniformes</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Hibridas">Híbridas</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Ameacadas">Ameaçadas</a></li> </div> </div><!--end-col--> </div><!--end-col--> </div> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <div class="main-folio clearfix metro" id="grid"> obs: o site está bem pesado para carregar e por isso quero ocultar todas as fichas de aves e fazer das palavras apenas botões com link para cada grupo de imagens de cada ordem (o problema está apenas em fazer com que o botão funcione sendo uma imagem). Obrigada!
  6. Oi, como posso fazer com que o width de um input fique sempre preenchida? Por exemplo: https://jsfiddle.net/L62o1c3w/ Também como exemplo, o https://www.mercadolivre.com.br/, ao você reduzir a janela, ou utilizar smartphone, a barra de pesquisa superior sempre fica 100% preenchida sem deixar espaços. No jsfiddle, tenho um input, e quero que ele fique no máximo de largura possível, removendo o espaço vazio que existe entre o input e "login". Como posso fazer isto? usar width 100% não funciona.
  7. Olá pessoal, estou iniciando os estudos em desenvolvimento web e o site que quero fazer possui um menu superior com um link chamado "minha conta", mas não consigo deixar as duas palavras uma ao lado da outra e por isso o menu fica feio. Gostaria de saber como deixar as duas palavras na mesma linha. Segue imagem do menu. Abaixo o código HTML e o CSS .menu_dir{ float: right; margin-right: 10px; } .menu{ width:100%; height:100px; background-color: #3a9ed1; font-family:'arial'; } .menu ul{ list-style:none; position:relative; z-index: 1; } .menu ul li{ width: 150px; /*tamanho da barra do menu*/ float:left; } .menu a{ padding:40px; display:block; font-size: 22px; font-weight:bold; text-decoration:none; text-align: center; background-color: transparent; color: #fff; } <nav class="menu"> <ul> <li><a>T040</a></li> <li><a href="index.php">Home</a></li> <li><a href="sobre.php">Sobre</a></li> <nav class="menu_dir"> <li><a href="myacc.php">Minha Conta</a></li> <li><a href="logout.php">Sair</a></li> </nav> </ul> </nav> Agradeço a quem puder me ajudar
  8. Estou criando um site, que esta hospeado http://robocup-jaspion.000webhostapp.com/materiais.html , no final da pagina ele fica desconfigurado, como resolvo isso? Segue o codigo em css e html: Desktop.zip
  9. Olá, Alguém poderia me instruir passo a passo como adicionar esse MENU do link no meu Blog? já pesquisei bastante sobre o assunto mas não encontrei ninguém explicando onde devo salvar as imagens usadas no MENU do Codigo CSS em questão. Deveria ser fácil já que o Blogger disponibiliza a opção de Add codigo CSS. Link do MENU que eu gostaria de Add: http://www.psdgraphics.com/html-css/psd-web-navigation-html-and-css-menus-set/
  10. Pessoal, Eu sou iniciante nesta área e criei um layout simples de site pra testar meus conhecimentos e tentar deixá-lo responsivo, porém estou preso a área do menu, que não consigo deixar responsivo. Estabeleci no CSS que quando a tela chegasse na largura máxima de 1050px, que a div do menu deveria reduzir para 808px. Isso até acontece, mas aí o conteúdo fica todo desconfigurado, sendo que eu atribuí a largura do conteúdo em porcentagem. Poderiam me ajudar? Esta é a imagem com o navegador maximizado: Esta é a imagem com a tela do navegador reduzida: Código HTML: <html> <head> <title>Projeto Clash</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="Clash.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="banner"> <img src="../../Imagens/Mais-banner.jpg" alt="Clash Royale"/> </div> <div class="bannermenu"> <div class="menutrans"> <div class="logo"> <img src="../../Imagens/Novo-logo.png" alt="Clash Royale"/> </div> <div class="listamenu"> <nav> <ul> <li>HOME</li> <li>CADASTRE-SE</li> <li>TORNEIO</li> <li>BATALHAS</li> <li>CONTATO</li> </ul> </nav> </div> <div class="search"> <form> Busca: <input type="search" placeholder="Encontrar na página"/> <input type="submit" value="Search"/> </form> </div> </div> </div> </body> </html> Código CSS: body{ margin:0; padding:0; } *{ box-sizing:border-box; font-family:Comic Sans MS; } .banner{ height:200px; background-color:#99ff99; } .banner img{ position:relative; top:50%; left:50%; transform:translate(-50%,-50%); } .bannermenu{ height:80px; background-color:red; } .menutrans{ width:1050px; margin:auto; } .logo img{ float:left; padding-top:5px; height:80px; width:20%; } .listamenu{ color:white; font-size:14px; float:left; padding-left:5px; font-weight:bold; width:45%; height:80px; } .listamenu li, .listamenu ul{ margin:0; padding:0; list-style:none; } .listamenu li{ float:left; line-height:80px; padding-left:10px; padding-right:10px; } .listamenu li:hover{ color:black; cursor:pointer; } .listamenu li:active{ color:black; } .search{ float:left; padding-left:10px; color:white; font-size:14px; line-height:80px; font-weight:bold; width:35%; height:80px; } @media only screen and (max-width:1050px){ .menutrans{ width:808px; } } Muito obrigado!
  11. Estou com um checkbox <div class="form-check mb-4"> <label class="form-check-label"> <input class="form-check-input" type="checkbox" value=""> <span class="form-check-sign"> <p style="text-align: justify;">teste</label> </span> </div> que tem o seguinte CSS .form-check .form-check-sign::after { font-family: 'FontAwesome'; content: "\f00c"; top: 0px; text-align: center; font-size: 14px; opacity: 0; color: #EFE; border: 0; background-color: inherit; } O problema que o font awesome assim não funciona, gostaria de colocar no lugar do content o código: <i class="faz fa-check"></i> como posso fazer isso?
  12. Galera estou tendo problemas para colocar o texto e formulário que fiz no aside para que fiquem no top, em vez disso ele fica abaixo da section como mostra os prints ai, como faço pra solucionar isso? Só achei um jeito, mas creio que não é o correto, coloquei margin-top: -48% kkkk deu certo mas não fica responsivo acredito eu.
  13. Entao pessoa, eu estou criando um site e uma das divs esta sobrepondo a outra quando eu reduzo o tamanho da tela do site, era pra ela ir pra baixo, mas ela fica ou em cima da anterior ou dentro, e ela teria que ficar em baixo, em ultimo lugar... <!DOCTYPE html> <html> <head> <title>TESTE</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="css/estilo.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div id="cabecalho" class="col-12"></div> </div> <div id="fundo-em cima" class="row"> <div id="fundo-em cima-esquerda" class="col-md-6 col-xs-12"></div> <div id="fundo-em cima-direita" class="col-md-6 d-none d-md-block"></div> </div> <div id="fundo-meio" class="row"> <div id="fundo-meio-esquerda" class="col-md-6 col-xs-12"></div> <div id="fundo-meio-direita" class="col-md-6 col-xs-6"></div> </div> <div class="row"> <div id="fundo-baixo" class="col-md-12 col-xs-10"></div> </div> </div> </body> </html> #cabecalho{ background: #98FB98; height: 100px; } #fundo-em cima{ background: #808000; } #fundo-meio{ background: #D2B48C; height: 200px; } #fundo-baixo{ background: #D2B48C; height: 200px; } #fundo-em cima-esquerda{ background: #4B0082; min-height: 200px; } #fundo-em cima-direita{ background: #FF00FF; min-height: 200px; } #fundo-meio-esquerda{ background: #800000; min-height: 200px; } #fundo-meio-direita{ background: #FF4500; min-height: 200px; } #fundo-baixo{ background: #D2B48C; height: 100px; } TESTE.rar
  14. gente observem essa teoria: Um dos grandes problemas encontrados pelos desenvolvedores web é a forma como os vários browsers interpretam de formas diferentes o mesmo código, não conseguindo o mesmo resultado a página desenvolvida. Para resolver este problema, antigamente os desenvolvedores desenvolviam vários arquivos CSS para cada navegador. Portanto, para resolver esse problema, desenvolveu-se uma técnica chamada “CSS Reset”, que se aplica uma folha de estilos básica para resetar toda formatação “original” aplicada pelo browser. Essa folha de estilos pode ser aplicada internamente HTML ou externamente, sendo esta a técnica mais comum, devido várias páginas poderão utilizar a mesma formatação. Cada um pode desenvolver seu próprio arquivo CSS para efetuar o reset, mas na web existem vários já prontos e distribuídos para uso livre. Um dos mais conhecidos foi/é desenvolvido por Eric Meyer e disponibilizado em sua página pessoal. Minha dúvida é a seguinte: Alguém já usou esse arquivo? Usei esse arquivo seguindo os passos do seguinte tutorial: https://www.devmedia.com.br/como-utilizar-a-tecnica-css-reset/26797 Só que creio que a prática não ficou tão compatível com a teoria, vejam pela imagem como fica a mesma página em dois navegadores diferentes (chrome, firefox). Então, a exibição da página continua diferente em navegadores diferentes, ou só determinados itens é que ficam padronizados por esse código de css reset? alguém pode me ajudar?
  15. Galera, estou com uma dorzinha de cabeça aqui. Um projeto pequeno da faculdade relacionado a desenvolver um site do zero com html, css e php. No momento quero por o mesmo background na div "acesse o portal" e na div "slide". Será que poderiam me dar uma luz? adicionado 2 minutos depois O intuito é ficar com o mesmo background dessa forma:
  16. Eu consigo editar os arquivos HTML e PHP do meu site no gerenciador de arquivos do 000webhost. Mas quando edito os arquivos CSS e JavaScript, o site é atualizado no domínio raiz do 000webhost, mas não no domínio personalizado e apontado com registro CNAME. Então como se resolve isso?
  17. Fui colocar borda em uma imagem com legenda, até ai tudo bem, mas na hora q usei o "position" para colocar a legenda dentro da imagem, a parte de baixo da imagem ficou com um pequeno espaço em branco entre a imagem e a borda. Sou iniciante
  18. Preciso de um site responsivo. Alguem pode me mandar um css para que meu site fique responsivo!
  19. Boa noite. Galera estou fazendo uma atividade da faculdade, na qual eu tenho que fazer uma espécie de uma tabela do brasileirão tipo a do GE, só que o design não está lega, quero adiciona rum espaçamento entre as linhas da tabela, mas não sei como fazer isso, alguém poderia me ajudar?
  20. Boa tarde, gostaria de saber como faço para separar um <li> em 2 colunas, o problema é o seguinte, tenho um menu em meu header, quando ele vira mobile, fica desalinhado pois os icones tem tamanho diferentes. Não sei se tem alguma margem ou algo que de para fazer para texto ficar alinhado e icones. Segue print: O TEXTO 2 está desalinhado aos demais, não sei se arruma isso com algo que separa, ou uma margem... caso alguém puder ajudar... segue o código: <div class="navbar-collapse collapse show" id="navbarToggler" style=""> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a href="#" target="_self" class="nav-link"><i class="faz fa-address-card"></i> TEXTO 1</a> </li> <li class="nav-item"> <a href="#" target="_self" class="nav-link"><i class="faz fa-file-alt"></i> TEXTO 2</a> </li> <li class="nav-item"> <a href="#" target="_self" class="nav-link"><i class="faz fa-envelope"></i> TEXTO 3</a> </li> </ul> </div> Obrigado
  21. Olá, boa tarde a todos, estou com precisando de ajuda para montar um site de qualificação de contatos para minha empresa, atualmente ele está programado em .CSS e o conteúdo dele vai para uma planilha do Excel. Conversando com alguns superiores do meu trabalho, os mesmos me informaram que eu posso fazer um novo programa sem mudar muito o antigo mas estou com muitas dúvidas! Resumindo, preciso montar um qualificador, onde cada pessoa que irá qualificar terá de colocar seu login criado para isso, para acessar. Após o login ele direcionará numa página (igual a IMG_1) Onde no campo "1", será colocado o número que ligou Após colocar o número, liberam os próximos campos sequencialmente igual a imagem 2 (IMG_2) E ao clicar em "Gravar" esses campos preenchidos sejam recortados e enviados a uma planilha na rede.
  22. Boa noite, onde é que fica o arquivo de css adicional de um tema especifico no wordpress?
  23. gente, embora não seja tão iniciante em html e css, ainda tenho um pouco de dificuldades com tags de alinhamento e tamanho, tipo assim, peguei um material que faz a seguinte citação: Unidades relativas: é aquela tomada em relação à outra medida. Percentual: % - uma medida previamente definida. Exemplo: p { font-size: 10px } p { line-height: 120% }/*120% de'font-size'=12px*/ Palavras-chaves: X-large em - ao tamanho da fonte ('font-size') herdada; Exemplo: h1 { line-height: 1.2em } line-height de <h1> será 20% maior do que o tamanho das letras de <h1> Não entendi a primeira parte, como assim 120% do tamanho da fonte de 12 px. E se fosse 130%? da onde vem essa relação com o tamanho de 12 px? alguém pode me ajudar a compreender melhor?
  24. olá bom dia, alguém poderia me ajudar em como tirar esse espaço entre o nav e o background?? Ja tentei de tudo!!!! <body class="header-1 page-header-1"> <header id="header"> </div> <!-- Main Menu Header --> <nav class="navbar navbar-default"> <div class="container"> <!-- Navbar Brand --> <div class="navbar-header"> <a href="index.html" class="navbar-brand"><img src="assets/images/logo-mazzo.jpg" alt="logo Grupo Mazzo"></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Navbar Menu --> <nav id="navbar" class="navbar navbar-right navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="index.html">Home</a></li> <li><a href="Produtos.html">Produtos</a></li> <li><a href="Clientes.html">Clientes</a></li> <li><a href="Contato.html">Contato</a></li> <li><a href="sobre.html">Sobre nós</a></li> </ul> </nav> </div> </nav> </header> <!-- ====== END HEADER ====== --> <!-- ====== PAGE BUILDER TEMPLATE ====== --> <section id="page-builder" class="page-section"> <!-- ===== HERO IMAGE WITH TEXT ====== --> <div class="row tpb-row hero-image-with-text hero-center-text" style="margin:0; padding-top: 200px; padding-bottom: 200px; background-image: url(assets/images/slide.jpg);"> <div class="tpb tpb-jumbotron col-md-12"> <div class="hero-image__wrapper"> <div class="hero-image__text" style="opacity: 0.6;"> <strong>Encontre sua comodidade no Grupo Mazzo.</strong> </div> <!--<a href="#" class="btn btn-primary hero-image__button">EXPLORE ROOM</a>--> </div> </div> </div>
  25. Boa tarde galera, eu estou fazendo o curso de HTML5/CSS3 do Gustavo Guanabara, do canal Cursoemvideo. Estava dando tudo certo, porém agora estou com um problema. Eu estou usando um iframe, que quero tirar as scrollbars, para que eu posso linkar um href com o conteudo do iframe depois, porém não está funcionando: Note que há scrollbar tanto x quanto y. Meu código HTML: <iframe id="frame-spec" src="google-glass.html" name="janela"></iframe> CSS: iframe#frame-spec { width: 380px; height: 280px; border: none; overflow: hidden; } iframe#frame-spec::-webkit-scrollbar { display: none; } Estou usando o navegador Google Chrome, pelo que vi este código display:none; é para este navegador. Mas mesmo assim não está funcionando.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×