Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Worn

como eu coloco um link na div

Por , em Desenvolvimento frontend

Recommended Posts

Worn    1

Worn
Postado

ae galera como eu coloco um link na div?

 

tipo meu html ta assim

 

<div id="barra">

<div id="menu1"></a>

<div id="menu2">

<div id="menu3">

<div id="menu4">

<div id="menu5">

<div id="menu6">

<div id="menu7">

 

eu quero criar um link agora pra liga o menu1 ao menu2, o 2ao 1 e assim por diante.. como faço isso?

 

como eu deixo um site pra que todos os navegadores seja visualizado sem bug tipo quero usar o google chrome e mozilla como eu deixo esses dois navegador compativel, e também queria saber como eu deixo compativel pra qualquer monitor qualquer tamanho de monitor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Worn    1

Worn
Postado

tipo olha como ta meu html completo

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

 

<link href="geral.css" rel="stylesheet" type="text/css" />

</head>

<body>

 

 

 

<div id="lado_right"> </div>

<div id="lado"> </div>

<div id="banner"> </div>

<div id="barra">

<div id="menu1" onclick="location.href='pagina.php'" style="cursor:pointer;" ></a>

<div id="menu2">

<div id="menu3">

<div id="menu4">

<div id="menu5">

<div id="menu6">

<div id="menu7"></a>

</div>

<div id="other"></div>

<div id="meio">

<div id="vote1">

<div id="vote2">

<div id="vote3">

<div id="slide">

<div id="ranking">

<div id="noticia">

<div id="evento">

<div id="equipe">

<div id="woe">

<div id="eventos">

</div>

<div id="rodape"> </div>

</body>

</html>

 

 

 

e meu css

 

/*formato*/

 

*{margin:0px; padding:0px; background-color:#FFF;}

 

 

/*box*/

 

#meio {width:715px; height:475px; background-color:#221f1f; no-repeat; margin-left:-508px; margin-top:0px;}

#banner {width:929px; height:205px; background:url(img/banner.jpg) no-repeat; margin:auto;}

 

/*lados*/

#lado {width:109px; height:669px; background:url(img/left.jpg) no-repeat; float:left; margin-top:205px; margin-left:167px;}

#lado_right {width:109px; height:669px; background:url(img/right.jpg) no-repeat; float:right; margin-top:205px; margin-right:163px;}

 

/*barra menu*/

 

#barra {width:715px; height:65px; background-color:#000; no-repeat; margin-top:0px; margin-left:276px;}

#other {width:715px; height:5px; background:url(img/meio.jpg) no-repeat; margin-top:0px; margin-left:-508px;}

 

/* Menu*/

 

#menu1 {width:102px; height:64px; background:url(img/menu1.gif) no-repeat; margin-left:15px; margin-top:0px;}

#menu2 {width:115px; height:64px; background:url(img/menu2.gif) no-repeat; margin-left:90px; margin-top:0px;}

#menu3 {width:120px; height:64px; background:url(img/menu3.gif) no-repeat; margin-left:105px; margin-top:0px;}

#menu4 {width:112px; height:64px; background:url(img/menu4.gif) no-repeat; margin-left:119px; margin-top:0px;}

#menu5 {width:67px; height:64px; background:url(img/menu5.gif) no-repeat; margin-left:112px; margin-top:0px;}

#menu6 {width:94px; height:64px; background:url(img/menu6.gif) no-repeat; margin-left:67px; margin-top:0px;}

#menu7 {width:105px; height:64px; background:url(img/menu7.gif) no-repeat; margin-left:100px; margin-top:0px;}

 

/* Conteúdo */

 

/* Votes */

 

#vote1 {width:277px; height:70px; background:url(img/vote1.jpg) no-repeat; float:left; margin-left:2px; margin-top:2px;}

#vote2 {width:277px; height:70px; background:url(img/vote2.jpg) no-repeat; float:left; margin-left:0px; margin-top:62px;}

#vote3 {width:277px; height:70px; background:url(img/vote3.jpg) no-repeat; float:left; margin-left:0px; margin-top:62px;}

 

/* slide */

 

#slide {width:476px; height:210px; background:url(img/rotativo.gif) no-repeat; float:left; margin-left:232px; margin-top:-124px;}

 

/* ranking */

 

#ranking {width:227px; height:170px; background:url(img/ranking.jpg) no-repeat; float:left; margin-left:-232px; margin-top:194px;}

 

/*Noticias & Eventos*/

 

#noticia{width:237px; height:258px; background:url(img/box_noticia.jpg) no-repeat; float:left; margin-left:232px; margin-top:0px;}

#evento {width:237px; height:258px; background:url(img/box_evento.jpg) no-repeat; float:left; margin-left:240px; margin-top:0px;}

 

/* equipe/woe/eventos */

 

#equipe{width:235px; height:113px; background:url(img/equipe.jpg) no-repeat; float:left; margin-left:-476px; margin-top:162px;}

#woe{width:235px; height:113px; background:url(img/gde.jpg) no-repeat; float:left; margin-left:243px; margin-top:0px;}

#eventos{width:239px; height:113px; background:url(img/evento_box.jpg) no-repeat; float:left; margin-left:235px; margin-top:0px;}

 

/* Rodape */

 

#rodape{width:715px; height:129px; background:url(img/linkz.jpg) no-repeat; float:left; margin-left:-242px; margin-top:0px;}

 

 

 

 

tem algo errado ai?

 

e tipo quando eu uso

<div id="menu1" onclick="location.href='pagina.php'" style="cursor:pointer;" >

 

o link fica pra toda as página tipo eu quero coloca o link só em inicio que o menu1 ai como eu faço por que quando coloco onclick tipo fica parecendo pra clica em qualquer lugar

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

o link fica pra toda as página tipo eu quero coloca o link só em inicio que o menu1 ai como eu faço por que quando coloco onclick tipo fica parecendo pra clica em qualquer lugar

Tem certeza que tu precisa disso?

 

Coloca o link no texto ou na imagem que está dentro da div. Ou tu colocou um background na div?

 

Navegação faça com ul, li. E não com divs.

 

:seta: http://maujor.com/tutorial/cssmenu.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Worn, já te dei a (melhor) solução.

Se quer continuar errado, aí infelizmente não tem como te ajudar.

Pode tentar assim também:

<a href="oi.html" class="menu"></a>

E ir determinando o que tu quer nessa class.

Simples. Navegação com divs é errado, não adianta.

 

Tá confuso... o que são aquelas divs ali? Acho que tu não tá explicando bem o que tá acontecendo. Quer que os links abram ali? :wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Oderdenge    42

Guilherme Oderdenge
Postado

Melhor prática para menus:

 

<div id="menu">
   <ul>
       <li><a href="#">Home</a></li>
       <li><a href="#">Sobre</a></li>
       <li><a href="#">Blog</a></li>
       <li><a href="#">Produtos</a></li>
       <li><a href="#">Contato</a></li>
   </ul>
</div>

 

Tal como já falaram: você está fazendo errado. Você pode utilizar jQuery/JavaScript para executar uma ação ao clicar na div, mas isso é totalmente inválido.

 

Por que não tenta utilizar um menu como te mostrei acima? Se tiver dificuldades, poste aí que poderemos te ajudar.

 

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado 

<div id="menu">
   <ul>
       <li><a href="#">Home</a></li>
       <li><a href="#">Sobre</a></li>
       <li><a href="#">Blog</a></li>
       <li><a href="#">Produtos</a></li>
       <li><a href="#">Contato</a></li>
   </ul>
</div>

Exatamente assim é uma estrutura básica de menu.

 

Porém no caso de ele querer linkar um objeto todo, seria assim:

<div id="menu">
   <ul>
       <li><a href="#" class="menu">Home</a></li>
       <li><a href="#" class="menu">Sobre</a></li>
       <li><a href="#" class="menu">Blog</a></li>
       <li><a href="#" class="menu">Produtos</a></li>
       <li><a href="#" class="menu">Contato</a></li>
   </ul>
</div>

Aí é só personalizar a classe menu (.menu), o tamanho e tal. Automaticamente o objeto formatado vai ser um link.

 

Nada de

<a href="#"><li>Home</li></a>

Ou div, li com onClick...

<li onclick="location.href='pagina.php'">Home</li>

Mas se tu não quiser se ajudar, infelizmente ninguém vai poder fazer nada por ti :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Oderdenge    42

Guilherme Oderdenge
Postado

Exatamente assim é uma estrutura básica de menu.

 

Porém no caso de ele querer linkar um objeto todo, seria assim:

<div id="menu">
   <ul>
       <li><a href="#" class="menu">Home</a></li>
       <li><a href="#" class="menu">Sobre</a></li>
       <li><a href="#" class="menu">Blog</a></li>
       <li><a href="#" class="menu">Produtos</a></li>
       <li><a href="#" class="menu">Contato</a></li>
   </ul>
</div>

Aí é só personalizar a classe menu (.menu), o tamanho e tal. Automaticamente o objeto formatado vai ser um link.

 

Nada de

<a href="#"><li>Home</li></a>

Ou div, li com onClick...

<li onclick="location.href='pagina.php'">Home</li>

Mas se tu não quiser se ajudar, infelizmente ninguém vai poder fazer nada por ti :(

 

Auhauahuahuahua eu já usei <a href="#"><li></li></a>... bons tempos...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito