TibumWeb
-
Total de itens
91 -
Registro em
-
Última visita
Tudo que TibumWeb postou
-
Não é possível estilizar o select no IE e nem existe Hack pra isso.
-
Aí está Eriuton, a propriedade position:absolute; faz com que o posicionamento da div fique por cima de qualquer elemento da página e top é a distância do topo da página e left é a distância do lado esquerdo da página. <html> <head> <title>Posicionamento</title> <style> .nome{ position:absolute; top:30px; left:50px; } .site{ position:absolute; top:50px; left:50px; } </style> <body> <div class="nome">TibumWeb</div> <div class="site">www.tibumweb.com.br</div> </body> </html> Qualquer dúvida estou a disposição.
-
Beleuza Notax? Então vou ilustrar o que fahledu quis dizer: Aqui você pode ocultar o conteúdo das células, maa aí vai ficar as duas células vazias: <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="teste" style="display:none">Dados ocultos</div></td> <td><div id="teste" style="display:none">Dados ocultos</div></td> <td> </td> <td> </td> </tr> </table> Aqui eu mesclei duas células e criei uma tabela com duas células, agora o ocultamos essa segunda tabela e ficará vazio apenas uma célula mesclada. <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> <!--Ocultar Dados --> <div id="teste" style="display:none"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>Dados ocultos</td> <td>Dados ocultos</td> </tr> </table> </div> <!--Ocultar Dados --> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>
-
Problema entre divs, rolagem e posição absoluta
pergunta respondeu ao Rubiz Gardini de TibumWeb em HTML, XHTML, CSS
Éééééééé num to vendo a imagem, posta o código pra gente dar uma olhada. -
Eu acho melhor você colocar o código da tabela pra eu dar uma olhada porque eu num entendi o desenhinho aí em cima kkkkkk. em relação a imagem existem dois atributos width="100" (largura da imagem) e height="100" (altura da imagem). <img src="imagem.gif" width="100" height="100" border="0" /> Onde 100 é um valor em pixel você pode usar porcentagem (120%).
-
Então agora complicou geralmente contador de visitas usa banco de dados e alguma linguagem de programação, e se o seu site fosse online até dava pra usar alguns serviços online gratuito. Para o seu caso a única solução que me passa pela cabeça é fazer um contador com base em um cookie implantado na máquina do usuário, por exemplo, se seu site ficar em apenas uma máquina da pra saber quantos usuários acessaram pela aquela máquina. Abaixa temos um código javascript que você coloca no head da sua página que vai criar um cookie e utiliza-lo para a contagem, e o segundo script fica no corpo da página para exibir na tela a contagem: <html> <head> <title>cookies - contador de visitas</title> <style> body, p, div, td, input, select, textarea { font-family: verdana,arial,helvetica; font-size:10px; color:#27364D; text-decoration: none; } input,textarea { @if (is.ie) { color: #efefef; background-color:#efefef; border: 1px solid #060606; /*border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; */ } } textarea { overflow:auto } </style> <script LANGUAGE="JavaScript"> <!-- // name - name of the cookie // value - value of the cookie // [expires] - expiration date of the cookie (defaults to end of current session) // [path] - path for which the cookie is valid (defaults to path of calling document) // [domain] - domain for which the cookie is valid (defaults to domain of calling document) // [secure] - Boolean value indicating if the cookie transmission requires a secure transmission // * an argument defaults when it is assigned null as a placeholder // * a null placeholder is not required for trailing omitted arguments function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); document.cookie = curCookie; } // name - name of the desired cookie // * return string containing value of specified cookie or null if cookie does not exist function getCookie(name) { var dc = document.cookie; var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else begin += 2; var end = document.cookie.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin + prefix.length, end)); } // name - name of the cookie // [path] - path of the cookie (must be same as path used to create cookie) // [domain] - domain of the cookie (must be same as domain used to create cookie) // * path and domain default if assigned null or omitted if no explicit argument proceeds function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; history.go(0); } } // date - any instance of the Date object // * hand all instances of the Date object to this function for "repairs" function fixDate(date) { var base = new Date(0); var skew = base.getTime(); if (skew > 0) date.setTime(date.getTime() - skew); } // --> </SCRIPT> </head> <body leftmargin="10" topmargin="10" marginwidth="10" marginheight="10"> <h1>COOKIES</h1> <script LANGUAGE="JavaScript"> <!-- var now = new Date(); fixDate(now); now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000); var visits = getCookie("counter"); if (!visits) { visits = 1; document.write("A proposito esta e' a sua primeira vez por aqui."); } else { visits = parseInt(visits) + 1; document.write("A proposito voce já' esteve aqui " + visits + " vezes."); } setCookie("counter", visits, now); // --> </SCRIPT> </body> </html>
-
Cara muito desenvolvedor coloca o buscador do google no site, é bem discreto e você tem a opção de buscar os arquivos do seu site. Da uma olhadinha no meu site (www.tibumweb.com.br) e vê como ficou e o mais legal que da dinheiro. Se interessou cadastre-se no www.google.com/adsense falwwwwww.
-
Então diminui um pouco o tamanho do iframe que é 540 coloca uns 535. É que aqui uso FireFox e deu certo. Qualquer coisa me avisa.
-
Pesquise sobre HACKS é o nome dado para desviar dos bugs do IE. existem infinitas dicas para infinitos bugs do IE.
-
Usa CSS faça o seguinte: <html> <head> <title>Blabla</title> <style> body{ background:url(imagem.gif) repeat; } </style> </head> <body> . . . . </body> </html> Proto a classe CSS acima vai inserir uma imagem de fundo na body e o comando repeat faz com que a imagem se repita por toda extensão da página.
-
Olá Tatica é só colocar essa classe CSS abaixo no seu código que funciona: iframe{ margin-left:3px; } Simples assim, é que estranhamente só na página de contatos o iframe estava por cima da borda esquerda da DIV, então usando CSS dei um espaçamento esquerdo de 3px. Espero ter ajuda, agora deixa eu ir dormir q to morrendo de sono hehehehe
-
Espero que ajude: http://www.tibumweb.com.br/html/tags/div.php
-
(Resolvido) [Urgente] Posicionamento da Página
pergunta respondeu ao LucaPurificação de TibumWeb em HTML, XHTML, CSS
Aí está sua página centralizada, só que você tem que tirar a propriedade position:absolute, ela vai colar suas div absolutamente em cima de qualquer coisa com um posicionamento fixo, use position: relative; e float para flutuar as divs para esquerda e direita: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Eventos</title> <meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com"> <script type="text/javascript"> <!-- function SwapImage() { var doc=document, args=arguments; doc.$imgSwaps = new Array(); for(var i=2; i<args.length; i+=2) { var elem=FindObject(args[i]); if(elem) { doc.$imgSwaps[doc.$imgSwaps.length]=elem; elem.$src=elem.src; elem.src=args[i+1]; } } } // --> </script> <script type="text/javascript"> <!-- function FindObject(id, doc) { var child, elem; if(!doc) doc=document; if(doc.getElementById) elem=doc.getElementById(id); else if(doc.layers) child=doc.layers; else if(doc.all) elem=doc.all[id]; if(elem) return elem; if(doc.id==id || doc.name==id) return doc; if(doc.childNodes) child=doc.childNodes; if(child) { for(var i=0; i<child.length; i++) { elem=FindObject(id,child[i]); if(elem) return elem; } } var frm=doc.forms; if(frm) { for(var i=0; i<frm.length; i++) { var elems=frm[i].elements; for(var j=0; j<elems.length; j++) { elem=FindObject(id,elems[i]); if(elem) return elem; } } } return null; } // --> </script> <style type="text/css"> .tudo{ width:780px; margin: 0 auto; } a:active { color: #0000FF; } </style> </head> <div class="tudo"> <body bgcolor="#910003" text="#000000"> <div id="wb_Image1" style="overflow:hidden;left:2px;top:2px;z-index:0" align="left"> <img src="images/pt_01_02.gif" id="Image1" alt="" align="top" border="0" style="width:700px;height:117px;"></div> <div id="wb_Image2" style="overflow:hidden;left:2px;top:119px;z-index:1" align="left"> <img src="images/pt_02_02.gif" id="Image2" alt="" align="top" border="0" style="width:682px;height:583px;"></div> <div id="wb_Image3" style="overflow:hidden;left:684px;top:119px;z-index:2" align="left"> <img src="images/pt_03_02.gif" id="Image3" alt="" align="top" border="0" style="width:18px;height:19px;"></div> <div id="wb_Image4" style="overflow:hidden;left:684px;top:138px;z-index:3" align="left"> <img src="images/pt_04_02.gif" id="Image4" alt="" align="top" border="0" style="width:18px;height:564px;"></div> <div id="wb_NavigationBar1" style="left:62px;top:116px;width:572px;height:25px;z-index:4" align="left"> <table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1"> <tr> <td align="left" valign="top" width="140" height="25"><a href="home.html"><img id="img0005" src="images/img0005.gif" alt="" align="top" border="0" width="140" height="25" onMouseOver="SwapImage(1,0,'img0005','images/img0005_over.gif')" onMouseOut="SwapImage(0,0,'img0005','images/img0005.gif')"></a></td> <td width="4"></td><td align="left" valign="top" width="140" height="25"><a href="members.html"><img id="img0006" src="images/img0006.gif" alt="" align="top" border="0" width="140" height="25" onMouseOver="SwapImage(1,0,'img0006','images/img0006_over.gif')" onMouseOut="SwapImage(0,0,'img0006','images/img0006.gif')"></a></td> <td width="4"></td><td align="left" valign="top" width="140" height="25"><a href="players.html"><img id="img0007" src="images/img0007.gif" alt="" align="top" border="0" width="140" height="25" onMouseOver="SwapImage(1,0,'img0007','images/img0007_over.gif')" onMouseOut="SwapImage(0,0,'img0007','images/img0007.gif')"></a></td> <td width="4"></td><td align="left" valign="top" width="140" height="25"><a href="videos.html"><img src="images/img0008.gif" alt="" name="img0008" width="140" height="25" border="0" align="top" id="img0008" onMouseOver="SwapImage(1,0,'img0008','images/img0008_over.gif')" onMouseOut="SwapImage(0,0,'img0008','images/img0008.gif')"></a></td> </center></tr> </table> </div> </body> </html> qualquer dúvida em contate -
(Resolvido) [Urgente] Posicionamento da Página
pergunta respondeu ao LucaPurificação de TibumWeb em HTML, XHTML, CSS
Faça uma div envolvendo toda a página e use a seguinte propriedade CSS: <html> <head> <title>Minha Página</title> </head> <style> .tudo{ margin: 0 auto; width:780px; } </style> <body> <div class="tudo"> todo site aqui dentro </div> </body> </html> margin 0 cola a parte superior e inferior do site no topo da janela, e margin auto da um espaçamento proporcional nas margens esquerda e direita aí fica centralizado. Simples assim -
Sim eu entendi, funciona obviamente por que você colocou o atributo background no elemento body. Eu quis dizer pra você colocar as propriedades CSS dentro do head do html como eu fiz acima, pois pode estar dando problema no import ou você usa o seguinte elemento para importar: <link rel="stylesheet" type="text/css" href="estilo.css" /> mais eu estou curioso pra solucionar esse problema c você puder me mandar essa imagem aí eu já te mando pronto.
-
Imagens .png com problemas no IE 6 (e anteriores)
pergunta respondeu ao Nine Branco de TibumWeb em HTML, XHTML, CSS
Muito estranho, se for possível me manda uma imagem em PNG pra eu dar uma olhada, porque acho que da pra fazer com gif transparente aí não ficaria tão pesado seu layout (contato@tibumweb.com.br). -
Nossa eu sei como é chato ficar procurando erro onde aparentemente não tem, pra você ter uma ideia já fiquei 3 horas pra corrigir um simples problema que era uma virgula que faltava no script, mais voltando ao que interessa. Vou te pedir pra fazer mais uns testes, é só testando pra notificar o problema: - Coloque as propriedades CSS diretamente na página HTML (CSS incorporado) só pra testar; <html> <head> <title>blabla</title> <style> body{background:url(images/bg_black.jpg);} </style> </head> <body> . . . </body> </html> Aí se não funciona vou pedir pra você me mandar a imagem por e-mail (contato@tibumweb.com.br) que eu vou dar uma olhada. Qualquer dúvida me contate.
-
valeu pela visita, tem muita coisa pra ser feito naquele site ainda, e agora que estou no ultimo semestre da facu to meio sem tempo. No que precisar estamos aí.
Sou paulista kkk beijão
-
Olá para usar esse ID em outra tela faça o seguinte: - Coloque esse Id do banco de dados em uma variável exemplo $ID. - Crie um campo de formulário oculta e use seu value com o valor do $ID. Exemplo: <form action="recebe_dados.php" method="post"> <input type="hidden" name="form_id" value="<?php echo $ID; ?>"> </form> E ná pagina que vai receber os dados você faz o seguinte: <?php $ID = $_POST["form_id"]; ?> ------------------------------- Ou você pode passar esse id através do link que a pessoa vai clicar na tabela, faça da seguinte forma: <a href="recebe_dados.php?id=$ID">Clique Aqui</a> E na página que vai receber os dados você faz o seguinte: <?php $id = $_GET["id"]; ?> Beleza? qualquer dúvida me contate, falowww
-
Oiss Nine o seu código CSS está correto, você agora tem que se atentar em alguns detalhes: 1º - O nome da imagem está correto? 2º - A extensão do arquivo está correto (gif, jpg, png, bmp..)? 3º - O nome da pasta que você salvou a imagem está correto? 4º - Você deve saber onde está a imagem, dependendo de onde você precisar usar ../ para voltar diretório. Se pra todas as questões você respondeu sim e o problema persistiu, então faça os seguintes testes: 1º - Pegue uma imagem grande e visível tipo aquele iceberg que tem na pasta Minhas Imagens / Amostra. 2º Cole a imagem na mesmo lugar onde está sua página HTML. 3º - Agora use esse mesmo código CSS para chamar essa imagem iceberg.jpg. Se depois de tudo isso não ter dado certo me avisa que eu te dou uma força.
-
Num é legal porque não funciona nos IE inferior a versão 6, pense que a versão 6 é mais utilizada que a 7.
-
Bom se o seu relógio estiver em uma tabela coloque na célula onde está o relógio assim: <table> <tr> <td valign="bottom">Relógio aqui</td> </tr> </table> Aí o relógio fica sempre parte inferior da célula mais isso depende de como esta estruturado seu layout.
-
Existem várias técnicas para image replacemente tentes essas abaixo: #dados_buffet h2 a { display: none; } ou #dados_buffet h2 a { top:-9999px; left:-9999px; position:absolute; }
-
Tem como sim só com CSS, pesquise no Pai Google sobre "Layout Elástico ou Líquido" é bem simples é só usar unidades de medidas em % ou em no lugar de pixel. Só um pouco trabalhoso se o seu layout é feito com muitas imagens aí vai ter que criar imagens maiores para se adaptar qualquer resolução.
-
Bom só da pra alinhar o conteúdo de um iframe se você tiver posse da página que vai abrir no mesmo, por exemplo, se no iframe abrir o site do Google ai não da pra fazer esse alinhamento porque você não tem acesso a página do google. Agora se for uma página pessoal sua você cria uma div que engloba todo o documento e utilize a seguinte sintaxe: <style> .tudo{ position:absolute; left:-100px; top:-100px } </style> <div class="tudo"> Cnteúdo do site. Os valores -100px acima foram utilizados como exemplo. </div>