PDA

View Full Version : Aligning photos

luckies4me
02-02-2003, 11:20 PM
Can someone please go to my webpage and tell me how I can align the second picture on the same line as the first? I would like to add three pictures per line if you know what I mean, and then a description for each picture underneath. Is this possible or do I have to use tables? Thanks!

my site (http://www.geocities.com/luckies4me//Does.html)
lilchici13
02-02-2003, 11:34 PM
Here you go!

<html>
<head>




<title>Does</title>
<style type="text/css"></style>
<STYLE>BODY {
scrollbar-face-color: #0f5b1a;
scrollbar-shadow-color: #ffff00;
scrollbar-highlight-color: #ffff00;
scrollbar-3dlight-color: #ffff00;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #fff82f;
}
a:visited {text-decoration: none; color: blue}
a:active {text-decoration: none; color: red}
a:link {text-decoration: none; color: blue}
a:hover {text-decoration: none; color: red}
</STYLE>



</head>

<body>
<p align="center">Please click on the pictures below to visit each Doe's personal page. There you will find breeder info, pedigrees and much more!</p><br>
<a href="http://www.geocities.com/luckies4me//WWRSpeckles.html><p align="center">

<img src="http://www.geocities.com/luckies4me/cass.jpg" width="200" height="175" alt="cat" hspace="15"><img src="http://www.geocities.com/luckies4me/Jan05981.JPG" width="250" height="200" alt="cat" hspace="15">
</body>
</html>
luckies4me
02-02-2003, 11:44 PM
That just messed everything up, sorry. It turns everything into a link which I don't want. I want each picture a seperate link to that rats own site, not all linked to the same one.


I would someone to explain to me how it is done. Thanks!
epolady
02-02-2003, 11:47 PM
You would have to do tables...

<table>
<tr>
<td valign="top">
<img src="image.jpg">
</td>
<td valign="top">
<img src="image2.jpg">
</td>
<td valign="top">
<img src="image3.jpg">
</td></tr>
<tr><td valign="top">
Description for image.jpg</td>
<td valign="top">
Description for image2.jpg</td>
<td valign="top">
Description for image3.jpg</td></tr></table>
luckies4me
02-02-2003, 11:49 PM
Great, I will try tables then! The only problem is that I don't want it to look as if I am using tables. I hate the borders...is there any way to get rid of them?
epolady
02-02-2003, 11:55 PM
You dont need borders... just use

<table border="0">
luckies4me
02-03-2003, 12:06 AM
I have another question??

Now I have about 20 does...so how do I add more lines? I see one is called top...does that mean there is a center and a bottom also? What if I need more than three lines?
Dude128
02-03-2003, 12:15 AM
the "top" for valign just specifies where inside the cell the contents should be positioned. to add another row, just repeat everything from <tr> to </tr>, and place it after the previous </tr>

so a two row table would look something like this:

<table>
<tr>
... all your individual cells go here
</tr>
<tr>
... cells for second row go here
</tr>
</table>
luckies4me
02-03-2003, 12:18 AM
Great!!! Thank you so much!!!! :D