Como Linkar uma div?

1,956 views
Skip to first unread message

Pedro Soares

unread,
Apr 30, 2013, 6:16:39 PM4/30/13
to cakep...@googlegroups.com
Boa noite galera,
Gostaria de saber como se linka uma div.

Tentei:
//Css
#exemplo{
width:300px;
height:190px;
}

echo $this->Html->link('<div id="exemplo">Sou uma div</div>');

Mas não funcionou, quando não trabalhava com cakephp sempre linkava as divs, pois, as vezes é necessário, preciso colocar links que estão na minha background, como se faz isso no cake?

No Dreamweaver isso se chama appdiv

Alexandre Kleinubing

unread,
Apr 30, 2013, 6:19:05 PM4/30/13
to cakep...@googlegroups.com
Não entendi o porque de fazer isso, mas seria apenas englobar ele em uma div?
Você pode tentar usando o atributo escape=>false, veja a documentação do Helper.


--
--
CakePHP Tuga (cakephp-pt)
 
Utilize http://bin.cakephp.org para códigos
Cookbook: http://book.cakephp.org
 
Website do CakePHP: http://cakephp.org/
Website do grupo: http://groups.google.com/group/cakephp-pt?hl=pt-PT
---
Recebeu esta mensagem porque está inscrito no grupo "CakePHP Tuga" dos Grupos do Google.
 
Para anular a subscrição deste grupo e parar de receber emails deste grupo, envie um email para cakephp-pt+...@googlegroups.com.
Para publicar uma mensagem neste grupo, envie um e-mail para cakep...@googlegroups.com.
Visite este grupo em http://groups.google.com/group/cakephp-pt?hl=pt-PT.
Para mais opções, consulte https://groups.google.com/groups/opt_out.
 
 

Alexandre Kleinubing

unread,
Apr 30, 2013, 6:20:37 PM4/30/13
to cakep...@googlegroups.com
Desculpe, eu queria dizer "englobar a div em uma tag a"

Alexandre Kleinubing

unread,
Apr 30, 2013, 6:23:57 PM4/30/13
to cakep...@googlegroups.com
Mas o que geralmente se faz, pelo menos eu... é...

<div id="exemplo">
<a href="#">xxx</a>
</div>


e no CSS:
#exemplo a {
 display: block;
}

Leandro Machado Pereira

unread,
Apr 30, 2013, 6:32:03 PM4/30/13
to cakep...@googlegroups.com
--
***Se você pretende redirecionar este e-mail, por favor, apague todos os endereços que aparecem nele. Outra dica de segurança é endereçá-lo no Cco. Desta forma você estará protegendo a mim, seus amigos e a você mesmo. Eu e a Campanha Contra o SPAM agradecemos.Não envie correntes.***

Leandro Rodrigues

unread,
May 2, 2013, 2:16:16 PM5/2/13
to cakep...@googlegroups.com
não é recomendado colocar um elemento de fluxo dentro de um elemento inline. não faça isso.
Leandro Rodrigues de Castro
LinkedIn - Twitter - Facebook
Gmail/Gtalk: leandrorodr...@gmail.com
Celular: (31) 8648-3832

Pedro Soares

unread,
May 2, 2013, 3:44:30 PM5/2/13
to cakep...@googlegroups.com
Obrigado a todos as sugestões,
Leandro poderia me explicar o motivo?

Valeu!
Pedro Soares
Cel: (31)8375-6329
Diretor de desenvolvimento

Leandro Rodrigues

unread,
May 2, 2013, 3:53:01 PM5/2/13
to cakep...@googlegroups.com

Pedro Soares

unread,
May 2, 2013, 3:58:05 PM5/2/13
to cakep...@googlegroups.com
Curti de mais! Valeu Leandro!

Pedro Soares

unread,
May 2, 2013, 3:59:08 PM5/2/13
to cakep...@googlegroups.com
Solução, vou recortar as imagens e linkalas, definir o posicionamento das mesmas pelo css e vuala..

Leandro Rodrigues

unread,
May 2, 2013, 3:59:04 PM5/2/13
to cakep...@googlegroups.com
Desculpe, agora que notei que o artigo não explica o porque.

Então, a ideia é a seguinte: um elemento de bloco "não cabe" em um elemento inline. Seguindo seu exemplo, imagine o seguinte trecho <p>olá, sou um texto que tem um <a href="#">link</a><p>. O link acontece no seu texto somente naquelas palavras e o link se comporta como detalhes de formatação que não se alinham ao decorrer do texto. Este é o comportamento das coisas inline.
As coisa "blocadas" comportam como um objeto lançado na sua página, ou uma subdivisão, e elas vão servir para conter as coisas e por isso, normalmente elas tentam preencher 100% da largura de onde que elas estão. Se você colocar algo blocado dentro do inline, é como você colocar a carcaça do carro dentro da câmara de ar do pneu. A carcaça foi feita para envolver, a câmara foi feita para dar formato e preencher o pneu. Metáfora ruim, mas é mais ou menos isso.


Em 2 de maio de 2013 16:53, Leandro Rodrigues <leandrorodr...@gmail.com> escreveu:

Alexandre Kleinubing

unread,
May 2, 2013, 4:08:26 PM5/2/13
to cakep...@googlegroups.com
Pedro quer ajuda ou alguma dica com as imagens?
Pois se precisava linkar divs, pode fazer um Link se comportar como uma Div...
Util em Logomarca deslocada, ou ainda se for para exibicao de "produtos", uma <li> com <a> display:block funciona mto bem...

Pedro Soares

unread,
May 3, 2013, 7:46:05 AM5/3/13
to cakep...@googlegroups.com

Bom dia Alexandre, vou transformar as img em botões, associando a img com o link, aparti daí já vou conseguir o que queria, mas poste algo relacionado ao que você disse, fiquei curioso, obrigado

Pedro Soares

unread,
May 7, 2013, 9:22:06 AM5/7/13
to cakep...@googlegroups.com
Galera, simples, linkei as divs com o jquery. Fim!

Vagner Vinicius

unread,
May 7, 2013, 9:51:22 AM5/7/13
to cakep...@googlegroups.com
<?php
echo $this->Html->link($this->Html->tag('div', 'Hello World.', array('class' => 'myclass')), array(), array('escape' => false));
?>



--
--
CakePHP Tuga (cakephp-pt)
 
Utilize http://bin.cakephp.org para códigos
Cookbook: http://book.cakephp.org
 
Website do CakePHP: http://cakephp.org/
Website do grupo: http://groups.google.com/group/cakephp-pt?hl=pt-PT
---
Recebeu esta mensagem porque está inscrito no grupo "CakePHP Tuga" dos Grupos do Google.
 
Para anular a subscrição deste grupo e parar de receber emails deste grupo, envie um email para cakephp-pt+...@googlegroups.com.
Para publicar uma mensagem neste grupo, envie um e-mail para cakep...@googlegroups.com.
Visite este grupo em http://groups.google.com/group/cakephp-pt?hl=pt-PT.
Para mais opções, consulte https://groups.google.com/groups/opt_out.
 
 



--
Vagner Vinicius Bispo Cantuares

Alexandre Kleinubing

unread,
May 7, 2013, 10:00:51 AM5/7/13
to cakep...@googlegroups.com
A idéia da discussão, é que isso não se deve fazer...
<a href="#"><div>bloco</div></a>

Por mais que funcione ou não, é errado linkar uma div.... Com JQuery ou como for, é errado =/

Pedro Soares

unread,
May 7, 2013, 10:29:30 AM5/7/13
to cakep...@googlegroups.com
D: 

SHIT! Até com o jquery?

Eu fiz assim:
$(document).ready(function(){
$('.div1').click(function(){
windows.location.replace('link');
})
});

Tirei o HREF de vez! Assim é errado?!?!?!?!


2013/5/7 Alexandre Kleinubing <alex.kl...@gmail.com>



--

André Luis

unread,
May 7, 2013, 10:54:10 AM5/7/13
to cakep...@googlegroups.com
A questão não é o jQuery mas sim o HTML em si... ta errado! não se insere elementos tipo block dentro de elements tipo inline... MAS você pode substituir o elemento <div> nesse caso por um <span>, que daí é válido...

Sugestão:
$span=$this->Html->tag('span','Hellow World!',array('class'=>'myclass'));
echo $this->Html->link($span,array('controller'=>'mycontroller','action'=>'index'),array('escape'=>false));

SE necessário que span se comporte como uma div, basta setar ele com display:block; no seu CSS, continuará semanticamente correto ;)

Pedro Soares

unread,
May 7, 2013, 12:30:46 PM5/7/13
to cakep...@googlegroups.com
Dmr! Valeu!
Reply all
Reply to author
Forward
0 new messages