Pergunta

http://www.winteradagency.com/Arvin/advantages/advantages.htm

Eu preciso o logotipo no canto superior esquerdo para link para a página inicial para este site. Eu não consigo descobrir como fazer um tag tem uma marca de âncora na mesma.

Obrigado!

Foi útil?

Solução

Adicionar um elemento como este no div cabeçalho para colocar um link transparente em cima do logotipo:

<a href="/" id="logo">&nbsp;</a>

Adicione esta para a folha de estilo:

#logo { position: absolute; left: 31px; top: 26px; width: 190px; height: 190px; }

Outras dicas

Eu não vejo um logotipo no canto superior esquerdo; há o bloco vermelho por toda a parte superior da página, e então "incentivos" começa no meio e as outras opções vão desde a direita lá. Não está claro o que você quer voltar para a página inicial.

Eu não tenho certeza se isso é uma questão real, dada a simplicidade de sua resposta. Só posso supor que eu devo ter perdido alguma coisa óbvia. Mas, para o endereço:

Eu preciso do logotipo no canto superior esquerdo para ligar de volta para a página inicial para este site.

Há isto:

<div id="whatever_id">
<a href="path/to/page.html" title="path to page"><img src="path/to/image.png" alt="this is a link to whatever page." /></a>
</div>

Para endereço:

Eu não consigo descobrir como fazer um tag tem uma marca de âncora na mesma.

Você não pode, por isso, tanto quanto eu sei, etiquetas ninho <a>. Eu posso estar errado, mas eu tenho certeza que eu li, em Eric Meyer local (e não, eu posso' t encontrar o artigo, sorry) que não era possível. Pode ser realizada com JS, talvez?

Uma vez que todo o seu cabeçalho é uma imagem (incluindo o logotipo) você precisa usar um mapa de imagem para fazê-lo. Eu sei Dreamweaver tem uma maneira fácil de criar esses. Bing retornos este para o primeiro link.

Você precisa adicionar um mapa tag que cobre a área onde o logotipo é .

Exemplo:. Nota que as coordenadas precisa ser as coordenadas reais para a área que você quer ser capaz de clicar

<map name="logomap">
  <area shape="poly" coords="x1,y1,x2,y2,..." href="/" alt="Home" />
</map>

<div> é apenas um tag bloco.

As tags em HTML são divididos em tags block e inline tag

<a style="display:block"> atuará apenas como div. Você substituir tag por tag realizando pequenas mudanças em sua css: adicionando {display: block} e talvez {text-decoration: none; cor preta; cursor: Normal}

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top