Pesquisar na Comunidade
Mostrando resultados para as tags ''estilos''.
Encontrado 5 registros
-
Boa tarde. Eu tenho vindo a encontrar uma dificuldade em colocar na tabela um fundo transparente mas que dê para ver o conteúdo da tabela ( as colunas e linhas) . Ou seja , assim que coloco o código na tabela ele define tudo como igual , já criei class , tentei colocar mas é como se não formatasse então integrei diretamente no html e o que acontece? A tabela desaparece.. Aqui está o código : o meu objetivo era só tirar o fundo
-
Boa noite. Gostaria de ter um input tipo number exatamente igual ao deste site: http://www.bistekonline.com.br/index.aspx Veja que as setas de aumentar ou diminuir o valor estão bem nítidas. Porém com Css não consegui ajustar de forma satisfatória. Alguém tem alguma ideia de como posso fazer isso?
-
padding-top não está funcionando, veja o codigo: note na imagem em anexo, mesmo que eu altere o valor da propriedade padding-top, sempre fica este espaço em branco no alto...
-
Olá! Estou com um problema com div flex, onde esta recebe dados vindo de um banco de dados (pequenos textos). Vi um método aonde esta div se ajusta conforme o tamanho da tela, e aumenta conforme o conteúdo adicionado, porém está muito esquisito como mostra o link da figura. Gostaria que as divs dos doze meses exibam o seu conteúdo e permaneçam alinhadas. <div id="footer_programacao_geral"> <div id="info_programacao_anual"> <span class="titulo_info">Janeiro</span> <pre><span class="txt_justify"><?php foreach ($coletou as $dados){ echo utf8_encode($dados->janeiro);}?></span></pre> </div> ... </div> estilo #footer_programacao_geral{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin:15px 0px 20px 0px; } #info_programacao_anual{ max-width: 100%; height: 100%; /*Alterar para 100%*/ margin: auto 5px 15px 5px; border: solid 1px #ff6f63; box-shadow: #696969 0px 5px 4px; background-color: rgba(250, 246, 247, 0.85); text-align: justify; } .titulo_info{ display: block; text-align: center; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,e73827+100 */ background: #f85032; /* Old browsers */ background: -moz-linear-gradient(left, #f85032 0%, #f16f5c 50%, #e73827 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f85032 0%,#f16f5c 50%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f85032 0%,#f16f5c 50%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 ); /* IE6-9 */ } .txt_justify{ display: block; padding: 3px; text-align: justify; }
-
Pessoal! Gostaria da ajuda de vocês nisso... Encontrei este código HTML: ************************************************************************************************************ <!doctype html> <html lang="pt-BR"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="normal.css" title="normal"/> <link rel="alternate stylesheet" type="text/css" href="contraste.css" title="contraste" /> <title>Página de Teste de Alto-Contraste</title> <script type="text/javascript"> function setActiveStyleSheet(title) { var i, a, main; for(i=0;(a=document.getElementsByTagName("link"));i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } </script> </head> <body> <h1>Página de Teste de Alto-Contraste</h1> <a href="#" onclick="setActiveStyleSheet('contraste'); return false;" >Contraste</a> <a href="#" onclick="setActiveStyleSheet('normal'); return false;" >Normal</a> </body> </html> ************************************************************************************************************ normal.css tem esse estilo: body{background:#CCC;} contraste.css tem esse estilo: body{background:#000;} ************************************************************************************************************ Esse código é bom, mas gostaria que fosse apenas um link para alternar entre os estilos, como aquelas páginas de acessibilidade. Alguém poderia me ajudar?
