• Registered: 2009-10-31
  • Posts: 30

Topic: how do position png image instead of opening new page

how do i get the png image to show up in the container within the header and footer instead of opening up new page.

view the source code in this link:

http://www.ohka.org/2009%20Album.html

  • Gender: Female
  • From: San Antonio, TX
  • Registered: 2008-12-19
  • Posts: 3,637

Re: how do position png image instead of opening new page

There's still no doctype....

Your code looks like this:

<a href="2009 Bowling.png">Bowling Night Pictures</a>

That is a link - but what you want to do just show the image, is 

<img src="2009 Bowling.png" alt="Description of Image"

It's bad practice to put spaces into file names - could lead to problems.  And the line of code just before the above 

<p align="left"><strong><font color="#800000">02/2009 - </font>

has some issues as well.  The font tag was deprecated years ago, and in general, styling is best put into your EXTERNAL stylesheet.

  • Registered: 2009-10-31
  • Posts: 30

Re: how do position png image instead of opening new page

yes, I want to click on bowling night pictures, then display.
how do i do that if i don't specify link?

  • Gender: Female
  • From: San Antonio, TX
  • Registered: 2008-12-19
  • Posts: 3,637

Re: how do position png image instead of opening new page

You said you didn't want to open a new page - if you click on a link, it'll go to whatever the link points to. 

Do you want the image to be the link that takes you to another page?

<a href="wherever.html"><img src="2009Bowling.png" alt="Description of image"></a>

I did mention that spaces in file names cause problems?

  • Registered: 2009-10-31
  • Posts: 30

Re: how do position png image instead of opening new page

I just want to image to appear when i click on bowling night pictures and not a new page.

  • Gender: Female
  • From: San Antonio, TX
  • Registered: 2008-12-19
  • Posts: 3,637

Re: how do position png image instead of opening new page

There really is no good reason to avoid opening new pages - websites have multiple pages - that's what makes them sites.

Here is on of Eric's gallery pages that might help you out.

http://www.visibilityinherit.com/code/c … -image.php