::..Hunter..::

tipo assim, quero que uma imagem no estado normal do link tenha uma borda 1px solid #ccc e no estado hover da imagem ela fique com borda 1px solid #333 e isso funcionar no firefox? No IE funciona, a imagem ficam com a borda cinza e quando bota o mouse em cima fica na cor 333, mas no firefox não aparece a borda no estado normal e no estado hover ele só aparece embaixo. Qual o segredo? o css: <style type="text/css"> <!-- a:link {border: 1px solid #ccc} a:hover {border: 1px solid #333} --> </style> e no link fica assim: <a href="link1"><img src="imagem.jpg" width="145" height="207" order="0"></a> no IE funciona, no firefox não.

Tenho um banco de dados com matérias, e quero ver quantas matérias foram feitas a cada mês, como posso criar o select pra mostrar isso? na tabela tenho o campo DATA no formato(0000-00-00). como ficaria o select pra ver quantas matérias foram feitas a cada mês? tipo assim: dezembro 2004: 5 matérias ....janeiro 2005: 12 matérias ....feveiro 2005: 10 matérias Agradeço a quem puder me ajudar.

não é isso, não quero apenas acrescentar mais um item ao menu Contact Us, quero criar outra aba igual igual ao About, Services e Contact Us, porem dentro de outra aba. Tipo assim: - Home - About com aba [History, Team, Offices] - Services com aba [Web Design, Internet Marketing, Hosting, Domain Names, Broadband] - Contact Us com aba [united Kingdom, France, USA com aba [link 1, link2], Australia] Sacou?

peguei um menu dropdown do site do www.maujor.com nesta página: http://www.maujor.com/tutorial/ddownmenu.php. O menu é ótimo, funciona, porém se quero acrescentar mais uma lista dentro dele não funciona. Repare no código javascript, é bem curtinho: startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; Agora reparem no código em si, e a parte vermelha foi a que acrescentei e que aparece errado. <ul id="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> <li><a href="#">Domain Names</a></li> <li><a href="#">Broadband</a></li> </ul> </li> <li><a href="#">Contact Us</a> <ul> <li><a href="#">United Kingdom</a></li> <li><a href="#">France</a></li> <li><a href="#">USA</a> <ul> <li><a href="#">Este aparece antes</a></li> </ul> </li> <li><a href="#">Australia</a></li> </ul> </li> </ul> Este é o código CSS: body { font: normal 11px verdana; } ul { margin: 0; padding: 0; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; } ul li { position: relative; } li ul { position: absolute; left: 149px; /* Set 1px less than menu width */ top: 0; display: none; } /* Styles for Menu Items */ ul li a { display: block; text-decoration: none; color: #777; background: #fff; /* IE6 Bug */ padding: 5px; border: 1px solid #ccc; border-bottom: 0; } /* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */ li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ li:hover ul, li.over ul { display: block; } /* The magic */ Pelo que entendi o detalhe está na tag LI que quando selecionada ele mostra, mas no caso de ter outra LI dentro dessa ele mostra também ao mesmo tempo. Tem como consertar isso?

consegui uma ajuda, é assim: $sql = "SELECT * FROM tabela ORDER BY 'setor','data' DESC";

seguinte pessoal, quero mostrar uma tabela com os campos data e setor, o setor ASC e as datas DESC, ex: DATA - SETOR 10/08 - setor 1 9/8 - setor 1 8/8 - setor 1 10/8 - setor 2 9/8 - setor 2 8/8 - setor 2 ... Já tentei mostrar assim, acontece que ou ele mostra por setor ASC e as datas em ASC ou ele mostra por data DESC mas com os setores não agrupados. Queria um negócio assim, mas não funciona: $sql = "SELECT * FROM tabela ORDER BY 'setor' ASC AND 'data' DESC"; Como é o modo correto?

Tipo uma função que desse pra eu calcular quanto tempo um piloto foi mais lento que outro. Parecido com este sistema: Tempos da F1

Quero criar um sistema em mysql que armazena o tempo de corrida de uma prova de um piloto e depois compara os tempos de todos os pilotos mostrando em ordem crescente quem foi o mais rápido e a diferença entre os tempo. Ex: piloto1: 35m46s235" piloto2: + 3s130" Queria saber como gravar os campos pra contagem do tempo. Uso campo date mesmo? Ele guarda os centésimos também? tem alguma função que some ou subtraia tempos em min, seg e centésimos? Mais ou menos assim: http://www.gpchampionship.com/2005-event.p...on=17&league=F1

infelizmente textarea não dá pra personalizar o texto dentro dela, por isso uso iframe. Já tentei os códigos scroolbar dentro da tag <body> mas não funcionou. Valeu a tentativa.

como assim posiciona? Não está sendo usado nenhum posicionamento nesta div, ela não afeta em nada. Se você colocar os links dentro de uma tabela, por exemplo, não terá problemas. O uso da tag DIV não afeta posicionamento se não usar width, height ou position, sacou? Ela fica como uma tag normal, como <span>. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> #centercontent a:link { color: #666; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, sans-serif; border-width: 0; border-bottom: 1px solid #DDD; line-height: 16px; font-size: 11px; } #centercontent a:hover, #centercontent a:link:hover, #centercontent a.over { color: black; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, sans-serif; line-height: 16px; font-size: 11px; border-bottom: 1px solid orange; } </style> </head> <body> <div id="centercontent"> <a href="link1.htm">link1</a><br> <a href="link2.htm">link2</a><br> <a href="link3.htm">link3</a><br> </div> </body> </html>

o código usado pelo site é este: #centercontent a:link { color: #666; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, sans-serif; border-width: 0; border-bottom: 1px solid #DDD; line-height: 16px; font-size: 11px; } #centercontent a:hover, #centercontent a:link:hover, #centercontent a.over { color: black; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, sans-serif; line-height: 16px; font-size: 11px; border-bottom: 1px solid orange; } * note que pra funcionar todos os links deverão estar dentro de uma <div id="centercontent">todos os links normais aqui dentro</div> sacou?

pelo que eu entendi você quer um menu que troque de cor quando passe em cima, correto? Veja se consegue aproveitar este feito apenas com css: Olha ele funcionando: http://www.maujor.com/tutorial/menu_vert/menu_apoio.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Menu Vertical</title> <style type="text/css"> <!-- ul#menu { width:200px; border:1px solid #003399; background:#FADE8B; margin:0; padding:0; list-style-type:none; } ul#menu li { border-bottom:1px solid #A4A0F5; } ul#menu li a:link, ul#menu li a:visited { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#5E0F50; border-left:10px solid #EEC591; padding-left:5px; } ul#menu li a:hover { background-color: #FFE4B5; color:#DAA520; display:block; border-left:10px solid #FFD39B; } --> </style> </head> <body> <ul id="menu"> <li><a href="#">Home</a></li> <li><a href="#">Tutoriais CSS</a></li> <li><a href="#">Normas XHTML do W3C</a></li> <li><a href="#">Posicionamento CSS</a></li> <li><a href="#">Contato</a></li> </ul> </body> </html>

Dei uma olhadinha no css do site macmania e ele usa text-decoration: none, aquilo é feito com cores difentes no border-bottom no link e no estado hover, sacou? O cara é criativo mesmo, bem sacado.

eu sei que firefox não funciona, mas quero pro IEca mesmo, uso 6.0, windows xp.

já tentei carregando através de class (css), tentei no style="scroolbar..." mas o diacho que não aparece as cores que coloquei. Já tentei até no body da página que carrega dentro do iframe e nada, alguém sabe como resolver? body { scrollbar-face-color: #f4f4f4; scrollbar-highlight-color: #e4e3e3; scrollbar-3dlight-color: #e4e3e3; scrollbar-arrow-color: #504e4e; scrollbar-track-color: #f6f3f3; scrollbar-darkshadow-color: #e4e3e3; }

nada disso, no iframe você coloca allowtransparency="true" que fica transparente, ok?

putz, ninguém sabe se dá pra fazer?

Tenho uma lista que o estilo é um circulo vazio na cor #666. lu { font-size: 11px; color: #c00; } li { color: #666; list-style-type: circle; font-size: 11px; } li a { color: #666; text-decoration: none; list-style-type: circle; } li a:link { color: #666; text-decoration: none; list-style-type: circle; } li a:visited { color: #666; text-decoration: none; list-style-type: circle; } li a:hover { color: #c00; text-decoration: underline; list-style-type: disc; } Queria que quando o mouse ficasse sobre um item da lista aparecesse o circulo cheio na cor #c00; Isso é possível? Não estou conseguindo fazer ele exibir assim.

lord_e, valeu mesmo, o fato de colocar os todos na mesma linha resolveu. Eu "adoro" o IE, como uma coisa tão boba como o posicionamento de tags pode alterar o layout do site. Agradeço a todos pela ajuda.

Esperimentem criar uma tabela de 2 linhas por 1 coluna, e na linha de cima colocar uma figura a esquerda e outra figura como background. na linha de baixo apenas coloque uma cor diferente, você notará que entre as 2 linhas fica um espaço branco do nada. Ex: <table width="100%" border="0" cellPadding="0" cellSpacing="0"> <tr> <td valign="top" style="background-image: url(fundo.gif)"> <a href="#"><img src="imagem.gif" alt="#" width="447" height="70" border="0"></a> </td> </tr> <tr bgcolor="#000033"> <td valign="top">asdasd</td> </tr> </table> veja o código AQUI!

valeu, consegui resposta em javascript aqui: http://scriptbrasil.com.br/forum/index.php?showtopic=46898 Obrigado pelas explicações.

Rafaelrebelo, 1º post e já chegou matando a pau. Funcionou certinho!!! Seja bem vindo e valeu!

como eu seto variáveis em javascript? usa $ também? e como mostro o valor da variável? Ex: <script language="JavaScript1.2"> <!-- if (screen.height <= 600) { $pos= "13px"; <-em javascript como fica?} if (screen.height >= 768) { $pos= "126px; <-em javascript como fica?} } //--> </script>

Vê se isso te ajuda... Abraço Crystian Testei este código mas a posição fica sempre em 0px, não precisaria substituir o left:0px pelo valor do elemento ou aquela layer1 já faz isso?

Então tá aí o erro, ele realmente não obedece os ifs do javascript e vai lendo tudo mesmo, aí acaba sobrepondo o valor primeiro $pos. Mas em php não tem função pra pegar resolução do usuário, certo? Se não tem o jeito é fazer tudo em javascript.