Erro na leitura .php e .css

24/08/2014

2

PHP

Bom eu estou enfrentando um problema sério sobre 1 imagem com link que quero por no topo do meu site, este comando que fiz nao esta dando certo, vi que algumas partes devem conter erros e não sei direito qual é o problema. vou por os codigos do style e header.

Header.php
<div id="facebook">
<a href="https://www.facebook.com/pages/No-Zoera/361465080672727?ref=hl" target="_blank" id="facebook" rel="nofollow" style="position: relative; left: 50px; top: 0px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg);">
</a>
</div>


Style.css
#facebook {
background-image: url("http://nozoera.com/wp-content/uploads/2014/08/facebook1.jpg");
background-repeat: no-repeat;
width: auto; /*or your image's width*/
height: auto; /*or your image's height*/
margin: 0;
padding: 0;
}


Notem que existe no header o id Facebook no div e outro id Facebook no href, coloquei os dois, pois nao sei se no Div eu devo por um principal... Alguem pode sanar minha duvida.

Obrigado
Responder

Posts

27/08/2014

Lucas Burg

ola amigo pode tirar o id da tag a, para sua informação o id se chama assim porque deve ser especifico para a tag, se for usar 2 ou mais e utilizado class
Responder

27/08/2014

César Turmina

Perdão amigo, eu nao consegui entender qual id eu teria que tirar, pois no site que eu peguei esses codigos, eles estao assim mesmo, e estao funcionando, eu peguei pelo inspecionar elemento, então só midifiquei eles conforme meu site.

Não consegui entender, então boto class ao inves de id ?
Responder

27/08/2014

César Turmina

este é o codigo que esta em funcionamento no site.

header.php
<div id="sociais">
<a href="https://twitter.com/ahnegao" target="_blank" id="link-twitter" style="left: 0px; top: 0px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: relative;" rel="nofollow">
</a>
<a href="https://www.facebook.com/ahnegao" target="_blank" id="link-facebook" style="position: relative; left: 0px; top: 0px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg);" rel="nofollow">
</a>
</div>
}


style.css
#headerContent #sociais {
width: 145px;
height: 75px;
top: 172px;
right: 190px;
float: left;
position: absolute;
Responder

27/08/2014

Lucas Burg

qual e o site ?

nesse caso não vai funcionar mesmo rsrsrs
Responder

27/08/2014

César Turmina

Bom o meu site é www.nozoera.com e o site que esta o codigo que lhe passei é este www.ahnegao.com.br
Responder
Bom eu estou enfrentando um problema sério sobre 1 imagem com link que quero por no topo do meu site, este comando que fiz nao esta dando certo, vi que algumas partes devem conter erros e não sei direito qual é o problema. vou por os codigos do style e header.

Header.php
<div id="facebook">
<a href="https://www.facebook.com/pages/No-Zoera/361465080672727?ref=hl" target="_blank" id="facebook" rel="nofollow" style="position: relative; left: 50px; top: 0px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg);">
</a>
</div>


Style.css
#facebook {
background-image: url("http://nozoera.com/wp-content/uploads/2014/08/facebook1.jpg");
background-repeat: no-repeat;
width: auto; /*or your image's width*/
height: auto; /*or your image's height*/
margin: 0;
padding: 0;
}


Notem que existe no header o id Facebook no div e outro id Facebook no href, coloquei os dois, pois nao sei se no Div eu devo por um principal... Alguem pode sanar minha duvida.

Obrigado


Bom, de cara já posso lhe dizer que só poder existir 1 ID por página, independente do tipo de componente (a, div, img etc), sendo assim ou o componente 'div' terá o id "facebook" ou o componente 'a'.
Responder

27/08/2014

César Turmina

Então como que o site que eu postei esta com o codigo certo?
ele usou o sociais no div.

e botou o facebook em um <a e o outro twitter em um outro <a ? é isso ???
Responder

28/08/2014

Lucas Burg

Quem faz isso e um plugin para redes sociais, por isso você não consegue copiar.
Responder

28/08/2014

César Turmina

Pois é amigo, porque eu ja procurei esse plugin e nao consegui achar de jeito nenhum!!!
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar