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

C�sar Turmina

Curtir t�pico + 0

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

Gostei + 0

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

Gostei + 0

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

Gostei + 0

27/08/2014

Lucas Burg

qual e o site ?

nesse caso n�o vai funcionar mesmo rsrsrs

Responder

Gostei + 0

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

Gostei + 0

27/08/2014

Ronaldo Lanhellas

<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

Gostei + 0

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

Gostei + 0

28/08/2014

Lucas Burg

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

Responder

Gostei + 0

28/08/2014

C�sar Turmina

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

Responder

Gostei + 0