cisneiro
-
Posts
5 -
Cadastrado em
-
Última visita
-
CSS Minha tabela perde a borda na hora da impressão.
cisneiro postou um tópico em Web e banco de dados
Boa noite a todos. Galera estou tentando imprimir uma 'div' que contém uma tabela com bordas. Porém a tabela perde a borda na tela de impressão. tentei usar '@media print', porém sem sucesso. Criei uma função para imprimir a div, ela é chamada através do botão imprimir. <!DOCTYPE html> <html> <head> <title>Imprimir</title> <style type="text/css"> table{ border-collapse: collapse; } table td{ border: 1px solid black; } @media print{ table td{ border: 1px solid black; } } .pp{ width: 30px; } </style> </head> <body> <input type="button" onclick="cont('print');" value="Imprimir"> <div id="print"> <table> <th>nome</th> <th>email</th> <th>telefone</th> <th>P</th> <th>F</th> <th>FJ</th> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td class="pp"></td> <td class="pp"></td> <td class="pp"></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> <tr> <td>Allan da costa</td> <td>[email protected]</td> <td>(21)97339-1150</td> <td></td> <td></td> <td></td> </tr> </table> </div> </body> </html> <script> function cont(div){ var conteudo = document.getElementById(div).innerHTML; tela_impressao = window.open('about:blank'); tela_impressao.document.write(conteudo); tela_impressao.window.print(); tela_impressao.window.close(); } </script> -
Javascript Select de cidades dinâmico , de acordo com o estado selecionado
cisneiro respondeu ao tópico de cisneiro em Web e banco de dados
@DiF eu até pensei nisso, porém os códigos php somente são lidos no carregamento da pagina, com o javaScript consigo alterar no evento onchange do select. E quanto a requisição AJAX, não sei o que é isso e o que faz. tentei dar uma lida aqui ,porém parece que isso já é de outro nível, sou iniciante ainda entende. Mas obrigado pela resposta. se puder dar uma breve explicação desse AJAX, de repente consigo entender. -
Javascript Select de cidades dinâmico , de acordo com o estado selecionado
cisneiro postou um tópico em Web e banco de dados
Pessoal ,preciso que o select das cidades tenha options de acordo com o estado escolhido. Consegui com o código abaixo,porém quando mudo o estado, as cidades anteriores se juntam com as cidades do estado atualmente selecionado. podem ajudar? <!DOCTYPE html> <html> <head> <title>estados</title> <meta charset="utf-8"> </head> <body onload="mods()"> Estado: <select id="estados" onchange ="rj.metodo1();sp.metodo1();mg.metodo1()"> <option></option> </select><br><br> Cidade: <select id="cidades"> <option></option> </select> </body> </html> <script type="text/javascript"> var estados = document.getElementById('estados') var cidades = document.getElementById('cidades') /*Método que cada objeto de estado chama quando selecionado no select 'estados'*/ var carregarSelects =function(){ if (estados.value == this.nome) { for (var i = 0; i < this.cidades.length; i++){ var item = document.createElement('option') item.text = this.cidades[i] cidades.appendChild(item) }}} </script> <!--Obejetos--> <script type="text/javascript"> var arrayEstados = ['Rio de Janeiro','São paulo','Minas Gerais'] var rj = { nome: 'Rio de Janeiro', cidades: ['Belford Roxo','São joão de meriti','Duque de Caxias'], metodo1: carregarSelects } var sp = { nome: 'São paulo', cidades: ['Diadema','Bauru','Suzano'], metodo1: carregarSelects } var mg = { nome: 'Minas Gerais', cidades: ['Belo Horizonte','Betim','Contagem'], metodo1: carregarSelects } function mods(){ var listaEstados = document.getElementById('estados') for (var i = 0; i < arrayEstados.length; i++) { var item = document.createElement('option') item.text = arrayEstados[i] listaEstados.appendChild(item) } } </script> -
HTML Modificar uma "div" através do CSS.
cisneiro respondeu ao tópico de cisneiro em Web e banco de dados
Galera primeiramente quero agradecer a todos que responderam. Na verdade eu que fiz confusão e fui desatento com o HTML e CSS, pois no CSS usamos os : antes do valor do atributo e no HTML é o sinal de igual. Muito obrigado galera, pois estava travado por conta deste pequeno detalhe. Cordialmente Allan Cisneiro. @XenoStory @DiF @Luís Roberto C. da Silva -
Boa tarde a todos do fórum, galera estou tentando criar meu primeiro site usando a IDE sublime text 2. Logo , tenho um arquivo HTML e outro CSS para estilizar a página. porém no CSS só consigo inserir os atributos na primeira "div"( id:wrep) do html, quando tento estilizar a seguda (id:"content") e terceira (id:"sidebar") "div", nada funciona quando atualizo a pagina no navegador. abaixo segue os códigos do arquivo HTML e o código do CSS. quem puder ajudar agradeço. aguardo atenciosamente a ajuda dos senhores, obrigado HTML <!doctype html> <html> <head> <title>Meu primeiro layout</title> <meta charset = "utf-8"/> <link rel="stylesheet" type="text/css" href="estilo.css"/> </head> <body> <div id="wrap"> <header> <h1>Nome do site</h1> <nav> <ul> <li><a href="">Menu 1</a></li> <li><a href="">Menu 2</a></li> <li><a href="">Menu 3</a></li> <li><a href="">Menu 4</a></li> <li><a href="">Menu 5</a></li> </ul> </nav> </header> <div id:"content"> <section> <h2>Título da seção</h2> <p>Conteúdo da seção</p> </section> <article> <h2>Título do artigo</h2> <p>Conteúdo do artigo</p> </article> </div> <div id:"sidebar"> <aside> <ul> <li><a href="">Submenu 1</a></li> <li><a href="">Submenu 2</a></li> <li><a href="">Submenu 3</a></li> <li><a href="">Submenu 4</a></li> <li><a href="">Submenu 5</a></li> </ul> </aside> </div> <footer> rodapé do site </footer> </div> </body> </html> CSS body{ font-family: helvetica, sans-serif; } #wrap{ width: 960px; margin: auto; background: #e3e3e3; padding: 10px 20px; overflow: hidden; } header nav ul{ list-style: none; padding-left: 0; } header nav ul li{ display: inline-block; margin-right: 10px; } header nav ul li a{ font-size: 20px; color: #ff6600; text-decoration: none; } header nav ul li a:hover{ text-decoration: underline; } #content{ float: right; width: 660px; background: blue; } #sidebar{ float: right; width: 300px; background: blue; }
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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
