PDA

View Full Version : Newbie Question



Barnum
10-24-2008, 06:29 PM
I am currently taking a class on HTML, and trying to put together a website. So far I am understanding most of the tags, elements, etc...

The problem I am having is that I want to insert a thumbnail photo that will enlarge to full size when it is clicked on.

The code I am using is this:


<a href="images/conques_full.jpg"><img src="images/conques_mini.jpg" alt="thumbnail of conques"></a>

The photo opens when I check in IE7, but it is normal size, and when I click on it, it goes larger to the extent you only see a small piece of it. Any suggestions on what I am doing wrong?

Chris
10-27-2008, 08:02 PM
Is the photo exceeding your browser resolution? You can put up a photo too big for a small monitor no problem. Get a bigger monitor or resize the photo.

Barnum
11-21-2008, 07:31 PM
I have finally figured out my problem (and forgive me for being so late in getting back Chris). Now however I have a different question...

When I click on the thumbnail the photo opens larger fine, however I want the larger photo centered, and I want it to have a black background.

The code I am currently looking at follows: Please, please remember I am a novice at all this, and I know the code leaves a lot to be desired.

<html>
<head>
<style type="text/css">
h1 {font-family: "Times New Roman"; font-size: 46px;}
img {
border: 4px solid white;
float: center;
padding: 20px;
margin: 20px;

}

</style>
</head>

<body>

<body bgcolor="black" leftmargin="100" rightmargin="100">
<hr color=#BC8F8F>
<h1 align="center"><i><font color="white">Nature Up Close & Personal</i></h1>
<hr color=#BC8F8F>




<a href="thumbs/IMG_1451thumb.jpg"><img src="images/IMG_1451.jpg" width="225" height="165" border="0"></a>
<a href="thumbs/IMG_0191thumb.jpg"><img src="images/IMG_0191.jpg" width="225" height="165" border="0"></a>
<a href="thumbs/IMG_8152thumb.jpg"><img src="images/IMG_8152.jpg" width="225" height="165" border="0"></a>
<a href="thumbs/spider cropped_1thumb.jpg"><img src="images/spider cropped_1.jpg" width="225" height="165" border="0"></a>