Erro na leitura .php e .css

PHP

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
César Turmina

César Turmina

Curtidas 0

Respostas

Lucas Burg

Lucas Burg

24/08/2014

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
GOSTEI 0
César Turmina

César Turmina

24/08/2014

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 ?
GOSTEI 0
César Turmina

César Turmina

24/08/2014

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;
GOSTEI 0
Lucas Burg

Lucas Burg

24/08/2014

qual e o site ?

nesse caso não vai funcionar mesmo rsrsrs
GOSTEI 0
César Turmina

César Turmina

24/08/2014

Bom o meu site é www.nozoera.com e o site que esta o codigo que lhe passei é este www.ahnegao.com.br
GOSTEI 0
Ronaldo Lanhellas

Ronaldo Lanhellas

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


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'.
GOSTEI 0
César Turmina

César Turmina

24/08/2014

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 ???
GOSTEI 0
Lucas Burg

Lucas Burg

24/08/2014

Quem faz isso e um plugin para redes sociais, por isso você não consegue copiar.
GOSTEI 0
César Turmina

César Turmina

24/08/2014

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