Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 11:43

Olá, gostaria de saber se alguém pode me ajudar nesta questão:

Tenho o seguinte codigo HTML5 , uma imagem que ao clicar aparece como link, sem o atributo renf, porém, conseguir adicionar desta forma como se segue, entre span class, assim o link funciona, mas ele não passa na validação do w3, ja tentei e varias forma, alguém sabe me dizer onde está o segredo? E possivel colocar dentro desta estrutura sem mudar o html original e ainda sim ser aprovado pelo w3?

<!-- Start Profile -->         <div class="span4 profile">                 <div class="image-wrap">                 <div class="hover-wrap">                     <span class="overlay-img"><a href="som.html" title="Entre em contato"></span>                     <span class="overlay-text-thumb">Saiba mais</span>                 </div>                 <img src="_promo3.png" alt="Dj Som e Ilumina&ccedil;&atilde;o">             </div></a>             <h3 class="profile-name"></h3>             <p class="profile-description"></p>                                     </div>         <!-- End Profile -->

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

HTML5 href Dúvida

10-05-2014 17:08

O correto é a imagem está exatamente dentro da tag href, assim:

<a href="som.html" title="Entre em contato"><img src="_promo3.png" alt="Dj Som e Ilumina&ccedil;&atilde;o"></a>

Ai você pode mover esse bloco para onde desejar.

Creio que assim deve passar pela validação. Caso não passe, verifique o erro que o validador informa.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 18:05

Olá, já fiz desta forma, só não verifiquei o erro, mas mesmo assim, colocando da maneira que voce descreveu não aciona o link.
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 18:11

ah e desta forma como descreveu ele válida, porém o link não é acionado.
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 18:35

E se eu mover o bloco de imagem, ela é desordenada dentro do site. Será que não tem solução?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

HTML5 href Dúvida

10-05-2014 19:26

Você pode tentar manter a imagem onde está, e puxar o link até ela.

<!-- Start Profile -->         <div class="span4 profile">                 <div class="image-wrap">                 <div class="hover-wrap">                     <span class="overlay-img"></span>                     <span class="overlay-text-thumb">Saiba mais</span>                 </div>                 <a href="som.html" title="Entre em contato"><img src="_promo3.png" alt="Dj Som e Ilumina&ccedil;&atilde;o"></a>             </div>             <h3 class="profile-name"></h3>             <p class="profile-description"></p>                                     </div>         <!-- End Profile -->

Caso não dê certo, só reformulando esse trecho.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 20:24

Já fiz, e continua não acionando o link. Que coisa!!!! Não é possível rsrs será que não existe outra forma, pq pela forma que descrevi de incio, a renf aciona o link, mas não passa na validação.
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 20:42

Este é o erro da validação w3 que faz o link acionar:

Error Line 211, COLUMN 97: END tag span seen, but there were OPEN elements. …  <span class="overlay-img"><a href="som.html" title="Entre em contato"></span>   Error Line 211, COLUMN 90: Unclosed element a. …  <span class="overlay-img"><a href="som.html" title="Entre em contato"></span>   Error Line 213, COLUMN 22: END tag div seen, but there were OPEN elements.                 </div>   Error Line 215, COLUMN 18: END tag div seen, but there were OPEN elements.             </div></a>   Error Line 215, COLUMN 22: No a element IN scope but a a END tag seen.             </div></a>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

HTML5 href Dúvida

10-05-2014 21:12

Eu testei esse trecho do código

<div class="span4 profile">   <div class="image-wrap">   <div class="hover-wrap"> <span class="overlay-img"></span> <span class="overlay-text-thumb">Saiba mais</span> </div>   <a href="som.html" title="Entre em contato"><img src="_promo3.png" alt=""></a>   </div> <h3 class="profile-name"></h3> <p class="profile-description"></p>                   </div>

Eu tirei o texto do alt porque estava com caracteres inválido. O código passou "com erro por falta de doctype". O problema é que está faltando toda a estrutura da página, doctype, head, body e outros elementos.

Agora, esses erros devem ser outros elementos de sua página. Você tem que ir corrigindo conforme os erros mostrados.

http://validator.w3.org/check
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 21:23

ok vou testar aqui e qq coisa escrevo novamente, obrigado por enquanto.
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 9
Sexo: Masculino

HTML5 href Dúvida

10-05-2014 22:04

Oi, olha só resolvi a questão, coloquei desta forma como se segue, validou o documento pelo w3 e acionou o link.:

<!-- Start Profile -->         <div class="span4 profile">                 <div class="image-wrap">                 <div class="hover-wrap"><a href="som.html" title="Entre em contato">                     <span class="overlay-img"></span></a>                     <span class="overlay-text-thumb">Saiba mais</span>                 </div>                 <img src="promo3.png" alt="Contato">             </div>             <h3 class="profile-name">Publicidade</h3>             <p class="profile-description"></p>                                     </div>         <!-- End Profile -->

Obrigado pelo apoio ok. Valeu mesmo
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

HTML5 href Dúvida

10-05-2014 23:00

Boa.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado