Erro na leitura .php e .css

24/08/2014

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

PHP

César Turmina

Respostas

27/08/2014

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 Citar

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 Citar

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 Citar

27/08/2014

Burg

qual e o site ?

nesse caso não vai funcionar mesmo rsrsrs
Responder Citar

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 Citar

27/08/2014

Ronaldo Lanhellas

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 Citar

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 Citar

28/08/2014

Burg

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

28/08/2014

César Turmina

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