Jump to content
Sign in to follow this  
koxta

Link em Imagem

Recommended Posts

koxta

Boas pessoal... Eu estou a fazer um site em html/css e deparei-me com um problema..e mesmo visitando imensos fóruns não consegui achar solução, por isso agradecia imenso se houvesse alguem que me conseguisse esclarecer esta dúvida..

existe um menu com opções:

<a href="#ExeqeD1">Home</a>

<a href="#ExeqeD2">Galeria</a>

e um div "escondido" que cuja parte corresponde ao botão clicado vai ser mostrada:

<div style="width: 502px; height: 300px; overflow-y: hidden;" class="structurediv">

    <a name="ExeqeD1">

        <div style="width: 500px; height: 300px; overflow: auto;" align="center">

          <fieldset>

            HOME

              </fieldset>

</div> </a>

    <a name="ExeqeD2">

        <div style="width: 500px; height: 300px; overflow: auto;" align="center">

                    <fieldset>

                  <a href="galeria.html"><img src="imagens/album1.jpg" width="37%" height="30%"></a>

                </fieldset>

        </div> </a>

</div>

O problema é que a galeria como está funciona muito bem em firefox mas em IE só funciona se não for um link...isto é, qualquer link dentro deste div simplesmente não aparece...a imagem só aparece se estiver simples, sem link..

Grato pela a atenção.

cumps

Share this post


Link to post
Share on other sites
malainhocf

Olá Koxta, boa tarde,

Detectei vários problemas no teu código

1º se queres fazer um menu deves usar as tags <ul></ul> e <li></li> para fazer o menu.

2º Não deves colocar código css dentro das tags xhtml. Isso só em ultimo recurso.

3º <a name.....

Não, se queres manipular isso via JavaScript em vez de name usa id

4º Se queres fazer um link tens que usar <a href="xpto.php">Titulo do Link</a>, isso é que é um link

5º Deves fazer uma correcta identação do código

Bom, penso que para fazer isso que tu queres vais ter que usar JavaScript

Bom, mas acho que já te ajudei bastante se seguires esses 5 pontos.

Share this post


Link to post
Share on other sites
koxta

ola malainhocf..

eu usei a tag <ul> apenas só coloquei parte do código no forum..

e quanto a:

4º Se queres fazer um link tens que usar <a href="xpto.php">Titulo do Link</a>, isso é que é um link

isso é para quando quero texto/link... eu quero pôr imagem/link.. por isso meti:

<a href="galeria.html"><img src="imagens/album1.jpg" width="37%" height="30%"></a>

no entanto em nenhum dos casos aparece..

e já alterei os restantes erros e nada...não faço ideia de como pôr isto a funcionar..

Grato pela a atencao

koxta

Share this post


Link to post
Share on other sites
IceBrain

Não uses isto:

<a name="ExeqeD1">

Basta dares um id ao div, como o malainhocf disse:

<div style="width: 502px; height: 300px; overflow-y: hidden;" class="structurediv" id="ExeqeD1">
        <div style="width: 500px; height: 300px; overflow: auto;" align="center">
              <fieldset>
                   HOME
               </fieldset>
   </div> 

A antiga forma (usando o name) está obsoleta e vai ser inválida no HTML5.

Já agora, para que é o fieldset?


❝The idea that I can be presented with a problem, set out to logically solve it with the tools at hand, and wind up with a program that could not be legally used because someone else followed the same logical steps some years ago and filed for a patent on it is horrifying.❞- John Carmack on software patents

A list  of command line apps

Share this post


Link to post
Share on other sites
koxta

o fieldset se não estou em erro define um "espaço visual" onde são colocados os objectos... é parecido com um table border=1 por exemplo. Se metermos border=0 é o mesmo que tirar o fieldset...entre outras coisas...

e quanto ao colocar o ID em vez de name no div, obrigado pela dica...mas continuo sem resolver o problema..não conseguir meter imagens "linkadas" dentro dos divs...

Cumps

Share this post


Link to post
Share on other sites
IceBrain

Removeste o <a name="ExeqeD1"> ? Aqui funciona.

o fieldset se não estou em erro define um "espaço visual" onde são colocados os objectos... é parecido com um table border=1 por exemplo. Se metermos border=0 é o mesmo que tirar o fieldset...entre outras coisas...

Não, o fieldset serve para agrupar elementos de um formulário, por isso é que perguntei. Nesse caso devias tirá-lo e aplicar esse efeito ào div usando CSS.


❝The idea that I can be presented with a problem, set out to logically solve it with the tools at hand, and wind up with a program that could not be legally used because someone else followed the same logical steps some years ago and filed for a patent on it is horrifying.❞- John Carmack on software patents

A list  of command line apps

Share this post


Link to post
Share on other sites
malainhocf

Detectei outro erro:

Não deves usar border nas tabelas

Border é uma caracteristica de forma

E a forma define-se no css.

Deves ter sempre em mente que o xhtml é para o conteúdo

CSS para a forma

JavaScript para o comportamento

Se pensares assim, não erras.

Share this post


Link to post
Share on other sites
koxta

pronto...os erros já estão todos corrigidos :) ...mas continuo a não conseguir pôr nenhum link nos divs "interiores" aqueles que estão dentro do div "hiden"...

aliás pôr consigo...aparece é em todo o lado menos no Internet Explorer  :wallbash:

Share this post


Link to post
Share on other sites
malainhocf

Provavelmente precisas de usar um javaScript para fazer isso.

Já estas a usar algum JS ?

Share this post


Link to post
Share on other sites
koxta

sim ja usei alguns...

mas tambem ja re estruturei o site..ja me resolveu uma data de problemas :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.