agfaria Postado Fevereiro 25, 2023 Denunciar Share Postado Fevereiro 25, 2023 (editado) Olá, estou colocando um hyperlink no rodapé de uma página, porém os primeiros links depois do título do footer box não ficam clicáveis. Segue o código. Em vermelho estão os links não clicáveis. Podem me ajudar? {{> components/sobre-nos}} <footer class="nav-tools-footer"> <div class="VideoInstitucional" style="text-align:center"> <p style="font-size: 20px;font-weight: 600;padding-bottom: 5px; padding-top:10px">Conheça a xxxx</p> <p style="font-size: 15px;font-weight: 400;padding-bottom: 10px; padding-top:5px">Conheça a nossa fantia da melhor qualidade!</p> <iframe src="https://www.youtube.com/embed/controls=0" ></iframe> </div> <!-- SnapWidget --> <div class="wInsta"> <p style="margin-left: 20rem;font-size: 20px;font-weight: 600;padding-bottom: 10px; padding-top:10px">Siga o nosso Instagram - @</p> <iframe src="https://snap" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:1200px; height:200px"></iframe> </div> <!-- SnapWidget --> <div class="wInstaM"> <div class="VideoInstitucional" style="text-align:center"> <p style="font-size: 20px;font-weight: 600;padding-bottom: 5px; padding-top:10px">Conheça a </p> <p style="font-size: 15px;font-weight: 400;padding-bottom: 10px; padding-top:5px">Conheça a nantia da melhor qualidade!</p> <iframe src="https://www.youtube.com/embed/AWc3RhQ45qQ?controls=0" ></iframe> </div> <p style="margin-left: 1rem;font-size: 14px;font-weight: 600;padding-bottom: 10px; padding-top:10px">Siga o nosso Instagram - </p> <iframe src="https://snapwi" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:320px; height:160px"></iframe> </div> <div class="boxNews" style="display: none;"> <div class="wrapForm"> <div class="titleNews" style="text-align-last: center; line-height:25px;"> <!--<img src=" alt="Contato">--> <h3>Assine nossa Newsletter</h3> </div> <form id="formNews" action="" method="post"> <ul class="list-itens"> <li class="item-form"> <input id="nome" class="nome" type="text" placeholder="Digite seu nome"> </li> <li class="item-form"> <input id="email" class="email" type="email" placeholder="Digite seu e-mail"> </li> <li class="item-action"> <button id="btnSubimit" class="btnSubimit">Assinar</button> <div id="resultado"></div> </li> </ul> </form> </div> </div> <section class="footer"> <div class="footer__row-top"> <div class="footer__box"> <div class="footer__title">Atendimento</div> <div class="footer__contact"> <a href="tel:1633371979" target="_blank" class="footer__contact-item"> <span class="footer__label"> <svg class="icon icon-tel" width="10" height="10"> <use xlink:href="#icon-tel"></use> </svg> Telefone </span> <span class="footer__text">(</span> </a> <a href="https://api.whatsapp.com/send?phone=" target="_blank" class="footer__contact-item"> <span class="footer__label"> <svg class="icon icon-tel" width="10" height="10"> <use xlink:href="#icon-tel"></use> </svg> Whatsapp Vendas </span> <span class="footer__text"></span> </a> {{#if showEmail}} <a href="mailto:sac@com.br" class="footer__contact-item"> <span class="footer__label"> <svg class="icon icon-email" width="10" height="10"> <use xlink:href="#icon-email"></use> </svg> Email SAC: </span> <span class="footer__text">sac@com.br</span> </a> {{/if}} {{#if showEmail}} <a href="mailto:vendas@om.br" class="footer__contact-item"> <span class="footer__label"> <svg class="icon icon-email" width="10" height="10"> <use xlink:href="#icon-email"></use> </svg> Email Vendas: </span> <span class="footer__text">vendas@m.br</span> </a> {{/if}} {{#if showEmail}} <div class="footer__contact-item"> <span class="footer__label">Atendimento</span> <span class="footer__text">Segunda a Sexta - /span> </div> {{/if}} </div> </div> <div class="footer__box footer__box"> <div class="footer__title">Institucional</div> <div class="footer__items"> <div class="footer__item"><a href="https://www.xxx.br/quem-somos" target="_blank" title="Quem Somos" class="footer__link" rel="nofollow">Quem somos</a></div> </div> <div class="footer__items"> <div class="footer__item"><a href="/p/privacidade" title="Termos e Condições" class="footer__link">Termos e condições</a></div> </div> <div class="footer__items"> <div class="footer__item"><a href="/p/contato" title="Sobre nós" class="footer__link">Contato</a></div> </div> <div class="footer__items"> <div class="footer__item"><a href="https://www.xxx.br/downloads" target="_blank" title="Manuais" class="footer__link">Downloads Manuais de Instrução</a></div> </div> <div class="footer__items"> <div class="footer__item"><a href="https://www.xxx.br/noticias" title="Notícias" class="footer__link">Notícias</a></div> </div> <div class="footer__items"> <div class="footer__item"><a href="https://www.xxx.br/videos-e-tutoriais" title="Vídeos e Tutoriais" class="footer__link">Videos e Tutoriais</a></div> </div> </div> <div class="footer__box"> <div class="footer__title">Ajuda</div> <div class="footer__items"> <div class="footer__item"><a href="https://www.xxx.br/assistencia-tecnica" target="_blank" class="footer__link">Assitência Técnica</a></div> <div class="footer__item"><a href="/p/contato" class="footer__link">Contato</a></div> <a href="https://api.whatsapp.com/send?phone=+55" target="_blank" class="footer__contact-item"> <span class="footer__label"> <svg class="icon icon-tel" width="10" height="10"> <use xlink:href="#icon-tel"></use> </svg> Whatsapp Vendas </span> <span class="footer__text">(</span> </a> <a href="https://api.whatsapp.com/send?phone=+55" target="_blank" class="footer__contact-item"> <span class="footer__label"> <svg class="icon icon-tel" width="10" height="10"> <use xlink:href="#icon-tel"></use> </svg> Whatsapp SAC </span> <span class="footer__text">(</span> </a> </div> </div> <div class="footer__box"> <div class="footer__title">PAGAMENTO</div> <div class="footer__payments"></div> <div class="footer__title">Siga-nos</div> <div class="social"> <a href="https://www.facebook.com/" target="_blank" class="social__item social__facebook"> <svg xmlns="http://www.0/svg" width="39.709" height="39.544" viewBox="0 0 39.709 39.544"> <g id="_" data-name="20673" transform="translate(0 0)"> <path id="Caminh" data-name="Camin" d="M19.855.349A19.8346h-4.79V18.8h4.79v-4.09c0-4.746,2.9-7.332,7.133-7.332a39.527,39.527,0,0,1,4.277.218v4.961H25.016c-2.3,0-2.746,1.094-2.746,2.7V18.8h5.493l-.716,5.547H.845,19.845,0,0,0,19.855.349Z" transform="translate(0 -0.349)" fill="#1a306a" /> </g> </svg> </a> <a href="https://www.instagram.com" target="_blank" class="social__item social__instagram"> <svg id="_1384015" data-name="1384015" xmlns="http://www.w3.org/2000/svg" width="39.709" height="39.709" viewBox="0 0 39.709 39.709"> <path id="Caminho_153" data-name="Caminho 153" d="M214.6,210.8a3.8,3.8,0,1,1-3.8-3.8A3.8,3.8,0,0,1,214.6,210.8Zm0,0" transform="translate(-190.946 -190.946)" fill="#d10766" /> <path id="Cam" data-name="Cam" d="M153.719,138.111a3.775308,6.308,0,0,0-2.117-.392c-1.2-.055-1.563-.067-4.607-.067s-3.4.012-4.607.066a6.311,6.311,0,0,0-2.117.393,3.777,3.777,0,0,0-2.164,2.164,6.31,6.31,0,0,0-.392.086-10.572a1.368,1.368,0,1,1,1.368-1.368A1.368,1.368,0,0,1,150.917,140.117Zm0,0" transform="translate(-124.977 -124.98)" fill="#d10766" /> <path id="Cami" data-name="Cami" d="M19.855,0A19.854.7-.069a8.37,8.37,0,0,1-2.767-.53,5.829,5.829,0,0,1-3.334-3.334,8.363,8.363,0,0,1-.53-2.767c-.056-1.216-.069-1.6-.069-4.7s.013-3.485.069-4.7a8.365,8.365,0,0,16-.055,1.6-.069,4.7-.069s3.485.013,4.7.069a8.374,8.374,0,0,1,2.768.529,5.831,5.831,0,0,1,3.334,3.335,8.364,8.364,0,0,1,.53,2.768c.055,1.216.068,1.6.068,4.7S31.242,23.339,31.187,24.555Zm0,0" fill="#d10766" /> </svg> </a> <a href="https://www.youtube.com/channel/videos" target="_blank" class="social__item social__youtube"> <svg id="_13" data-name="138" xmlns="http://www.w3.org/2000/svg" width="39.709" height="39.709" viewBox="0 0 39.709 39.709"> <path id="Caminh" data-name="Camin" d="M224.113,215.47858-3.72Zm0,0" transform="translate(-206.732 -191.904)" fill="#ff452a" /> <path id="Cami" data-name="Cami" d="M19.855,0A19.855,19.-2.187,32.625,32.625,0,0,1-.511-5.968,32.748,32.748,0,0,1,.511-5.968,3.172,3.172,0,0,1,2.187-2.207c1.942-.511,9.708-.511,9.708-.511s7.767,0,9.708.531a3.109,3.109,0,0,1,2.187,2.187A31.1,31.1,0,0,1,32.261,19.875Zm0,0" fill="#ff452a" /> </svg> </a> </div> </div> </div> <div class="footer__row-bottom"> <div class="footer__logo"> <a href="/" class="logo"> {{#if logo}} <img class="logo__image" src="{{logo}}" alt="{{name}}" /> {{else}} <span class="logo__name"> {{name}} </span> {{/if}} </a> </div> <div class="footer__address"> <span class="address">Rua </span> </div> </div> <div class="footer__row-copyright"> <div class=""> <div class=""> {{i18n.powered_by}} </div> </div> <div class="copyright"> {{#if showBusinessData}} {{#with fiscalData}} <div class="fiscal"> <p class="fiscal__name">{{legal_name}}</p> <p>-</p> <p class="fiscal__id">{{legal_doc}}</p> </div> {{/with}} {{/if}} </div> </div> </section> </footer> {{!-- Jivochat --}} <script src="//cod" async></script> {{> icons/e-svg}} Editado Fevereiro 25, 2023 por agfaria Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
agfaria
Olá, estou colocando um hyperlink no rodapé de uma página, porém os primeiros links depois do título do footer box não ficam clicáveis.
Segue o código. Em vermelho estão os links não clicáveis.
Podem me ajudar?
{{> components/sobre-nos}}
<footer class="nav-tools-footer">
<div class="VideoInstitucional" style="text-align:center">
<p style="font-size: 20px;font-weight: 600;padding-bottom: 5px; padding-top:10px">Conheça a xxxx</p>
<p style="font-size: 15px;font-weight: 400;padding-bottom: 10px; padding-top:5px">Conheça a nossa fantia da melhor qualidade!</p>
<iframe src="https://www.youtube.com/embed/controls=0" ></iframe>
</div>
<!-- SnapWidget -->
<div class="wInsta">
<p style="margin-left: 20rem;font-size: 20px;font-weight: 600;padding-bottom: 10px; padding-top:10px">Siga o nosso Instagram - @</p>
<iframe src="https://snap" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:1200px; height:200px"></iframe>
</div>
<!-- SnapWidget -->
<div class="wInstaM">
<div class="VideoInstitucional" style="text-align:center">
<p style="font-size: 20px;font-weight: 600;padding-bottom: 5px; padding-top:10px">Conheça a </p>
<p style="font-size: 15px;font-weight: 400;padding-bottom: 10px; padding-top:5px">Conheça a nantia da melhor qualidade!</p>
<iframe src="https://www.youtube.com/embed/AWc3RhQ45qQ?controls=0" ></iframe>
</div>
<p style="margin-left: 1rem;font-size: 14px;font-weight: 600;padding-bottom: 10px; padding-top:10px">Siga o nosso Instagram - </p>
<iframe src="https://snapwi" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:320px; height:160px"></iframe>
</div>
<div class="boxNews" style="display: none;">
<div class="wrapForm">
<div class="titleNews" style="text-align-last: center; line-height:25px;">
<!--<img src=" alt="Contato">-->
<h3>Assine nossa Newsletter</h3>
</div>
<form id="formNews" action="" method="post">
<ul class="list-itens">
<li class="item-form">
<input id="nome" class="nome" type="text" placeholder="Digite seu nome">
</li>
<li class="item-form">
<input id="email" class="email" type="email" placeholder="Digite seu e-mail">
</li>
<li class="item-action">
<button id="btnSubimit" class="btnSubimit">Assinar</button>
<div id="resultado"></div>
</li>
</ul>
</form>
</div>
</div>
<section class="footer">
<div class="footer__row-top">
<div class="footer__box">
<div class="footer__title">Atendimento</div>
<div class="footer__contact">
<a href="tel:1633371979" target="_blank" class="footer__contact-item">
<span class="footer__label">
<svg class="icon icon-tel" width="10" height="10">
<use xlink:href="#icon-tel"></use>
</svg>
Telefone
</span>
<span class="footer__text">(</span>
</a>
<a href="https://api.whatsapp.com/send?phone=" target="_blank" class="footer__contact-item">
<span class="footer__label">
<svg class="icon icon-tel" width="10" height="10">
<use xlink:href="#icon-tel"></use>
</svg>
Whatsapp Vendas
</span>
<span class="footer__text"></span>
</a>
{{#if showEmail}}
<a href="mailto:sac@com.br" class="footer__contact-item">
<span class="footer__label">
<svg class="icon icon-email" width="10" height="10">
<use xlink:href="#icon-email"></use>
</svg>
Email SAC:
</span>
<span class="footer__text">sac@com.br</span>
</a>
{{/if}}
{{#if showEmail}}
<a href="mailto:vendas@om.br" class="footer__contact-item">
<span class="footer__label">
<svg class="icon icon-email" width="10" height="10">
<use xlink:href="#icon-email"></use>
</svg>
Email Vendas:
</span>
<span class="footer__text">vendas@m.br</span>
</a>
{{/if}}
{{#if showEmail}}
<div class="footer__contact-item">
<span class="footer__label">Atendimento</span>
<span class="footer__text">Segunda a Sexta - /span>
</div>
{{/if}}
</div>
</div>
<div class="footer__box footer__box">
<div class="footer__title">Institucional</div>
<div class="footer__items">
<div class="footer__item"><a href="https://www.xxx.br/quem-somos" target="_blank" title="Quem Somos" class="footer__link" rel="nofollow">Quem somos</a></div>
</div>
<div class="footer__items">
<div class="footer__item"><a href="/p/privacidade" title="Termos e Condições" class="footer__link">Termos e condições</a></div>
</div>
<div class="footer__items">
<div class="footer__item"><a href="/p/contato" title="Sobre nós" class="footer__link">Contato</a></div>
</div>
<div class="footer__items">
<div class="footer__item"><a href="https://www.xxx.br/downloads" target="_blank" title="Manuais" class="footer__link">Downloads Manuais de Instrução</a></div>
</div>
<div class="footer__items">
<div class="footer__item"><a href="https://www.xxx.br/noticias" title="Notícias" class="footer__link">Notícias</a></div>
</div>
<div class="footer__items">
<div class="footer__item"><a href="https://www.xxx.br/videos-e-tutoriais" title="Vídeos e Tutoriais" class="footer__link">Videos e Tutoriais</a></div>
</div>
</div>
<div class="footer__box">
<div class="footer__title">Ajuda</div>
<div class="footer__items">
<div class="footer__item"><a href="https://www.xxx.br/assistencia-tecnica" target="_blank" class="footer__link">Assitência Técnica</a></div>
<div class="footer__item"><a href="/p/contato" class="footer__link">Contato</a></div>
<a href="https://api.whatsapp.com/send?phone=+55" target="_blank" class="footer__contact-item">
<span class="footer__label">
<svg class="icon icon-tel" width="10" height="10">
<use xlink:href="#icon-tel"></use>
</svg>
Whatsapp Vendas
</span>
<span class="footer__text">(</span>
</a>
<a href="https://api.whatsapp.com/send?phone=+55" target="_blank" class="footer__contact-item">
<span class="footer__label">
<svg class="icon icon-tel" width="10" height="10">
<use xlink:href="#icon-tel"></use>
</svg>
Whatsapp SAC
</span>
<span class="footer__text">(</span>
</a>
</div>
</div>
<div class="footer__box">
<div class="footer__title">PAGAMENTO</div>
<div class="footer__payments"></div>
<div class="footer__title">Siga-nos</div>
<div class="social">
<a href="https://www.facebook.com/" target="_blank" class="social__item social__facebook">
<svg xmlns="http://www.0/svg" width="39.709" height="39.544" viewBox="0 0 39.709 39.544">
<g id="_" data-name="20673" transform="translate(0 0)">
<path id="Caminh" data-name="Camin"
d="M19.855.349A19.8346h-4.79V18.8h4.79v-4.09c0-4.746,2.9-7.332,7.133-7.332a39.527,39.527,0,0,1,4.277.218v4.961H25.016c-2.3,0-2.746,1.094-2.746,2.7V18.8h5.493l-.716,5.547H.845,19.845,0,0,0,19.855.349Z"
transform="translate(0 -0.349)" fill="#1a306a" />
</g>
</svg>
</a>
<a href="https://www.instagram.com" target="_blank" class="social__item social__instagram">
<svg id="_1384015" data-name="1384015" xmlns="http://www.w3.org/2000/svg" width="39.709" height="39.709"
viewBox="0 0 39.709 39.709">
<path id="Caminho_153" data-name="Caminho 153"
d="M214.6,210.8a3.8,3.8,0,1,1-3.8-3.8A3.8,3.8,0,0,1,214.6,210.8Zm0,0"
transform="translate(-190.946 -190.946)" fill="#d10766" />
<path id="Cam" data-name="Cam"
d="M153.719,138.111a3.775308,6.308,0,0,0-2.117-.392c-1.2-.055-1.563-.067-4.607-.067s-3.4.012-4.607.066a6.311,6.311,0,0,0-2.117.393,3.777,3.777,0,0,0-2.164,2.164,6.31,6.31,0,0,0-.392.086-10.572a1.368,1.368,0,1,1,1.368-1.368A1.368,1.368,0,0,1,150.917,140.117Zm0,0"
transform="translate(-124.977 -124.98)" fill="#d10766" />
<path id="Cami" data-name="Cami"
d="M19.855,0A19.854.7-.069a8.37,8.37,0,0,1-2.767-.53,5.829,5.829,0,0,1-3.334-3.334,8.363,8.363,0,0,1-.53-2.767c-.056-1.216-.069-1.6-.069-4.7s.013-3.485.069-4.7a8.365,8.365,0,0,16-.055,1.6-.069,4.7-.069s3.485.013,4.7.069a8.374,8.374,0,0,1,2.768.529,5.831,5.831,0,0,1,3.334,3.335,8.364,8.364,0,0,1,.53,2.768c.055,1.216.068,1.6.068,4.7S31.242,23.339,31.187,24.555Zm0,0"
fill="#d10766" />
</svg>
</a>
<a href="https://www.youtube.com/channel/videos" target="_blank" class="social__item social__youtube">
<svg id="_13" data-name="138" xmlns="http://www.w3.org/2000/svg" width="39.709" height="39.709"
viewBox="0 0 39.709 39.709">
<path id="Caminh" data-name="Camin" d="M224.113,215.47858-3.72Zm0,0"
transform="translate(-206.732 -191.904)" fill="#ff452a" />
<path id="Cami" data-name="Cami"
d="M19.855,0A19.855,19.-2.187,32.625,32.625,0,0,1-.511-5.968,32.748,32.748,0,0,1,.511-5.968,3.172,3.172,0,0,1,2.187-2.207c1.942-.511,9.708-.511,9.708-.511s7.767,0,9.708.531a3.109,3.109,0,0,1,2.187,2.187A31.1,31.1,0,0,1,32.261,19.875Zm0,0"
fill="#ff452a" />
</svg>
</a>
</div>
</div>
</div>
<div class="footer__row-bottom">
<div class="footer__logo">
<a href="/" class="logo">
{{#if logo}}
<img class="logo__image" src="{{logo}}" alt="{{name}}" />
{{else}}
<span class="logo__name">
{{name}}
</span>
{{/if}}
</a>
</div>
<div class="footer__address">
<span class="address">Rua </span>
</div>
</div>
<div class="footer__row-copyright">
<div class="">
<div class="">
{{i18n.powered_by}}
</div>
</div>
<div class="copyright">
{{#if showBusinessData}}
{{#with fiscalData}}
<div class="fiscal">
<p class="fiscal__name">{{legal_name}}</p>
<p>-</p>
<p class="fiscal__id">{{legal_doc}}</p>
</div>
{{/with}}
{{/if}}
</div>
</div>
</section>
</footer>
{{!-- Jivochat --}}
<script src="//cod" async></script>
{{> icons/e-svg}}
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.