vessco

Bom dia a todos,

Gostaria de saber se vocês poderiam me ajudar com uma dúvida.
Eu tenho um menu, e o usuário ao passar o mouse em cima de cada opção deste menu iria gerar um rollover de imagens em uma div separada da do menu. Conforme o exemplo anexado.

Tenho uma idéia que possa ser algo da seguinte forma:

function trocaImagem(imagem,div){
$("#"+div).html('<img src="'+imagem+'"/>');
}

ai no <li onmouseover="javascript:trocaImagem('imagens/garrafa-de-coka.jpg','garrafa');">

Porém não estou conseguindo implementar, alguem poderia me dar uma luz?

Muito obrigado pela ajuda desde já.

Bom dia a todos,

Eu estou com um problema em minha árvore binária, conseguir desenvolver a Inclusão - Busca e Ordenação, porém estou emperrado na parte da exclusão.

Se alguém puder me ajudar, dar uma luz, ficaria muito grato.

Segue o código:

program trabalhofinal_arvoresbinarias_raphael_koszalka;

{$APPtype CONSOLE}

type
		Tpont = ^type_no;
		type_no =  record
    chave : Tpont;
    insercao: integer;  // variável que recebe o valor.
    esquerda, direita: Tpont;  // ponteiros direita/esquerda.
    end;

var
  no_raiz, auxiliar, auxiliar_02: Tpont;
  menu, excluir, buscar: integer;
  busca:integer; p: Tpont;
//--
procedure adicionar_no (novono, p: Tpont);

  begin
    if p^.insercao < novono^.insercao then    // verifica se é maior que o nó raiz ou nó 'pai' salva na direita da árvore.
      begin
        if p^.direita = nil then
           p^.direita := novono
        else
          adicionar_no (novono, p^.direita);
      end

    else                                          // se valor é menor então salva em um nó na esquerda da árvore.
      begin
        if p^.esquerda = nil then
          p^.esquerda := novono
        else
          adicionar_no (novono, p^.esquerda);  // chama a procedure até achar nil p/ inserir o dado.
      end;
  end;
//---

//--
procedure busca_no (busca:integer; p: Tpont);

   begin
     if p <> nil then
        begin
          if busca = p^.insercao then
            begin
              writeln ('Dado existente.');
            end
          else
            begin
              if p^.insercao < busca then
               busca_no (busca, p^.direita)
              else
               busca_no (busca, p^.esquerda);
            end;

        end
     else
        writeln ('Dado nao existente.');

   end;
//--
procedure ordernar_no (p: Tpont);

  begin
       if p <> nil then
          begin
            ordernar_no (p^.esquerda);
            write (p^.insercao, ' - ');
            ordernar_no (p^.direita);
          end;
  end;
//--

begin

	repeat
	  begin
    writeln ('');
		writeln ('MENU');
		writeln ('1) INSERIR DADO.');
		writeln ('2) EXLUIR DADO.');
		writeln ('3) LOCALIZAR DADO.');
		writeln ('4) ORDERNAR DADO.');
    writeln ('5) SAIR.');
		readln (menu);

		if menu = 1 then
		  begin
          writeln ('Insira um valor:');
          new (auxiliar);
          auxiliar^.direita:= nil;
          auxiliar^.esquerda:= nil;
          readln (auxiliar^.insercao);   // recebe o valor.
            if no_raiz = nil  then
                no_raiz := auxiliar  // se raiz = nil então cria o nó raiz.
            else
                adicionar_no (auxiliar, no_raiz); // se o nó raiz já for existente chama a procedure.
      end;

		if menu = 2 then
		  begin
			// writeln ('insercao para exclusão:');
			// readln (excluir);
			// excluir_no (excluir, no_raiz);  // chama a procedure de exclusão.

		  end;

    if menu = 3 then
		  begin
			writeln ('insercao a ser localizado:');
			readln (buscar);
			busca_no (buscar, no_raiz);  // chama procedure de busca.
		  end;

    if menu = 4 then
      begin
        ordernar_no (no_raiz);  // chama procedure de ordenação.
      end;
    end;

until menu = 5;
end.

Olá, boa tarde a todos.

Gostaria de criar um dropdown menu para a seção de produtos do seguinte site: http://www.cochise.com.br/multipine
Porém como estou trabalhando com divs e as classes com imagens de fundo não estou conseguindo utilizar o <ul> e <li>

Os códigos para o menu são os seguintes:

<div class="divtopomenu">  
				<div class="on-the-left"><a href="#" class="menuhome" title="Home"></a></div>
                <div class="on-the-left"><a href="#" class="menucompany" title="Company"></a></div>
                <div class="on-the-left"><a href="#" class="menuproducts" title="Products"></a></div>
                <div class="on-the-left"><a href="#" class="menuservice" title="Service"></a></div>
                <div class="on-the-left"><a href="#" class="menugooddeal" title="Good Deal"></a></div>
                <div class="on-the-left"><a href="#" class="menunetwork" title="Network"></a></div>
                <div class="on-the-left"><a href="#" class="menunews" title="News"></a></div>
                <div class="on-the-left"><a href="#" class="menucontactus" title="Contact Us"></a></div>     
          </div>

E o CSS o seguinte:

a.menuproducts {
	display: block;
	width: 81px;
	height: 168px;
	text-decoration: none;
	background: url("imagens/imgmenu/menu_products.png");
	}

a.menuproducts:hover {	
	background-position: -81px 0;
	}

* coloquei apenas o de produtos, porém os outros seguem o mesmo padrão de código.


Se alguém puder me dar uma luz.
Grato pela ajuda.

Olá pessoal,

estou com uma dúvida e gostaria de saber se vocês poderiam me ajudar.

eu tenho o seguinte código css:

@charset "utf-8";
/* CSS Document */

.body {
margin: 0;
padding: 0;
}
/* TABELAS ESTRUTURAIS */

.tabelatopo {
	display: block;
	width: 100%;
	height: 23px;
	text-decoration: none;
	background: url("imagens/tabela_topo.jpg");
}

.tabelaprincipal {
	display: block;
	width: 100%;
	height: 891px;
	text-decoration: none;
	background: url("imagens/background.png");
}

.tabelafundo {
	display: block;
	width: 100%;
	height: 282px;
	text-decoration: none;
	background: #A6CA68 right no-repeat url("imagens/tabela_bottom.png");
}

.tabelarodape {
	display: block;
	width: 100%;
	height: 20px;
	text-decoration: none;
	background: #FFF;
}

.tabelacentro {
	display:block;
	width: 1100px;
	height:891px;
	text-decoration:none;
	margin: 0 auto;
	
}

/* FIM TABELAS ESTRUTURAIS */

.divtopo {
	display:block;
	width: 100%;
	height:170px;
	text-decoration:none;
}

.divlogo {
	display:block;
	width: 407px;
	height:170px;
	text-decoration:none;
	background: url(imagens/logo_div.png);
}

Mas nessa div topo eu gostaria de fazer com que ela se dividisse da seguinte maneira:

http://i1077.photobu...zalka/123-1.png


Alguem poderia me dar uma luz? Muito grato.

bom em relação as colunas eu consegui resolver com o float.