1. TugaTech » Programação, Scripts e Webmasters » Programação, Scripts e Webmasters
Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1[Resolvido] HTML + CSS - Logo image (erro) Empty [Resolvido] HTML + CSS - Logo image (erro) - Qua 28 Jan 2015 - 11:45

Daniel Mendes

Super-membro
Daniel Mendes

Bom dia,

 

Estou há vários dias a desenvolver um layout para um site e estou com um erro meio esquisito.

Quando atualizo o logo na pasta das imagens do servidor e vou ao código CSS e altero path para a imagem ele não atualiza e quando abro o HTML no navegador o logo não aparece. Porerei estar a fazer alguma coisa mal mas não encontro solução.

 

Aqui ficam os códigos:

 

HTML

http://pastebin.com/7k6cPUz3

 

CSS

http://pastebin.com/WCxygb2V

 

Caminho para a imagem

\\server\DavWWWRoot\public_html\image\logo.png

 

 

Já experimentei de todas as formas que sei e nada resultou. Ele antes funcionava mas de um dia para o outro deixou de funcionar.

 

Obrigado!



Última edição por Daniel Mendes em Qua 28 Jan 2015 - 19:33, editado 5 vez(es)

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

Daniel Mendes

Super-membro
Daniel Mendes
* O código HTML está a interferir com a mensagem e está-me a acrescentar códigos. o não pertence ao código.



Última edição por Daniel Mendes em Qua 28 Jan 2015 - 11:48, editado 1 vez(es)

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

DJPRMF

Administrador
DJPRMF

Boas,

 

Coloque os códigos no Pastebin ou similar, visto que alguns deles são processados na mensagem se colocados ai. Smile

Alerta encontra-se bem no topo de todas as caixas de resposta. Razz

 

Cumps


____________________________________________

[Resolvido] HTML + CSS - Logo image (erro) Tugatechuserbar
[Resolvido] HTML + CSS - Logo image (erro) 3
[Resolvido] HTML + CSS - Logo image (erro) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

Daniel Mendes

Super-membro
Daniel Mendes

Bom dia,

 

Obrigado pela dica e peço desculpa.

Só quando editei a mensagem é que vi para colocar os códigos no PasteBin.

 

Já atualizei os links.

 

Abraço

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

DJPRMF

Administrador
DJPRMF


____________________________________________

[Resolvido] HTML + CSS - Logo image (erro) Tugatechuserbar
[Resolvido] HTML + CSS - Logo image (erro) 3
[Resolvido] HTML + CSS - Logo image (erro) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

Daniel Mendes

Super-membro
Daniel Mendes

Boas,

 

O display estava "block", eu é que meti "none" para testar.

É o seguinte, é algo estranho e penso ter a ver com o servidor e não com o código. 

Tanto com o meu código ou tanto como o seu com essas alterações ele funciona se tiver a direccionar para uma imagem hospedada fora do server (imgur por exemplo) mas se meter o caminho para a imagem ela simplesmente não aparece (image/logo.png) e este erro só me ocorreu desde há 2 dias pra cá.

 

Alguma ideia?

 

Obrigado

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

DJPRMF

Administrador
DJPRMF

O "#logo-theme a span" ainda está no código, bem como o display:none.

O código que indicou inicialmente é que possuía alguns erros e não funciona de todo. Não sei como funcionava à 2 dias (não realizou nenhuma modificação nessa altura?), tendo em vista que não é um CSS correcto. 

 

Se fossemos testar o código que indicou inicialmente (seja imagem interna ou externa) resultava nisto:

http://jsbin.com/minodi/2/edit?html,css,output

E tendo em conta algumas das correções:

http://jsbin.com/miqoya/1/edit?html,css,output

Como se verifica, não produz nenhum resultado em ambos os casos, visto que o CSS possui erros no "#logo-theme a".

 

Verifique bem o CSS do "#logo-theme a".

Se pretende adicionar uma imagem numa tag HTML "a" via background/css deve primeiro alterar o tamanho. O código CSS que incluiu inicialmente não possuía o "display:block", pelo que o tamanho não era aplicado e, por consequente, a imagem não é apresentada.

 

Alem disso, junta-se ainda os erros respeitantes ao "background-repeat" e o ao "background-image" que se encontravam no CSS original. Smile


____________________________________________

[Resolvido] HTML + CSS - Logo image (erro) Tugatechuserbar
[Resolvido] HTML + CSS - Logo image (erro) 3
[Resolvido] HTML + CSS - Logo image (erro) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

Daniel Mendes

Super-membro
Daniel Mendes

Boas,

 

O código antes de ter trocado o "block" por "none" sempre foi esse e sempre funcionou com uma imagem interna, nunca tinha tentado via URL e sempre funcionou. Só agora é que deixou de funcionar.

 

De qualquer das formas ele está a funcionar e está ótimo. Só não percebo o porquê de eu colocar o caminho da imagem e ele continuar a não dar e quando vou ao servidor, nessa mesma pasta, está lá a imagem por esse caminho e com a extensão de png.

 

Abraço

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

DJPRMF

Administrador
DJPRMF

Acho que está a fazer alguma confusão. Razz

 

Em primeiro lugar, esta parte do código é indiferente se está ou não:

http://pastebin.com/7d9ma96R

 

Esteja como "none" ou "block", não possui qualquer impacto, já que está a referir-se a "#logo-theme a span", não a "#logo-theme a".

Pode testar isso mesmo no código que indiquei como correcto. Se apagar ou alterar essa parte, em nada afecta o final (para o que pretende).

 

Quanto ao "background", o que indicou inicialmente também está correcto. Deixo o exemplo (note que este possui as correções):

http://jsbin.com/gedici/1/edit?html,css,output

 

O erro está no facto de não possuir o display:block para o "#logo-theme a". 

É impossivel que o código original que indicou esteja a funcionar correctamente no que pretende, visto que sem o display:block para o link (não para o span), introduzir o tamanho nada faz...

 

O CSS que importa é este:

http://pastebin.com/me95Mjpv

Este diz respeito ao link "#logo-theme a".

 

O "width" e "height" que ali estão não possuem qualquer efeito prático. Para alterar o tamanho do link, de acordo com as especificações do próprio CSS, DEVE incluir o "display:xxxx".

Sem esse, no link, nada se altera. Portanto é dai que refiro que é tecnicamente impossivel esse código ter funcionado no passado Smile

 

Mas dito isto, já testou alterar o código original?

 

Edit: Atenção também que o código CSS original que indicou possuía o "#header-main". Como o HTML que indicou não o possuía, eu apaguei-o...

Edit 2 : Não estará a fazer confusão com o "span"? Também o pode alterar assim: http://jsbin.com/hoxegi/1/edit?html,css,output


____________________________________________

[Resolvido] HTML + CSS - Logo image (erro) Tugatechuserbar
[Resolvido] HTML + CSS - Logo image (erro) 3
[Resolvido] HTML + CSS - Logo image (erro) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

Daniel Mendes

Super-membro
Daniel Mendes

Boas,

 

Este tema é aquele que me dá mais dores de cabeça neste mundo tão grande, e eu que trabalho quase todos os dias com tecnologia.

 

Sim, o meu template tem o "#header-main" e o erro pode ter estado, como estás a dizer, no "display" pois com alterações posso ter feito copy-paste dessa linha para um outro código.

 

Está a funcionar e é o que interessa, com tanta coisa para fazer neste site não vou estar a remendar.

 

Um obrigado e está resolvido!

Abraço

http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos




Aplicações do TugaTechAplicações TugaTechDiscord do TugaTechDiscord do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech