Hi Everyone,
Hope you're all fine!

First I'd like to let you know that I'm not an expert in html, but I'm trying so hard to learn so I won't keep asking questions!
Anyways, my problem is not really as hard as it seems but I'm stuck!
Here goes -

I'm trying to add some product images on my homepage site, and I want to position the images from left to right with a link so that when a customer clicks on the picture item, it will take them to the product page.
But there must be something wrong with my coding 'coz instead the images comes up as vertical, meaning the pictures all on top of each other!
How do I code if I want the image to be on the left side of the page?

I hope you understand what I'm talking about!!!
I can't give you an example of what I've done 'coz I can't seem to do a copy and paste here.
Thank you and hope to hear from someone soon!
~summer

summer: where are the pages uploaded to? I can't figure out quite what you're talking about.

well, I'm not sure of what you're talking about...

Be more specific or send us code

Originally Posted by summer

I'm trying to add some product images on my homepage site, and I want to position the images from left to right with a link so that when a customer clicks on the picture item, it will take them to the product page.
But there must be something wrong with my coding 'coz instead the images comes up as vertical, meaning the pictures all on top of each other!
How do I code if I want the image to be on the left side of the page?

<tr>
<table align="left">
<tr>
<td>
picture code
</td>
</tr>
</table>

that will align a picture to the left.put that code in the second picture and it will be left of the first picture.

Originally Posted by summer

I can't give you an example of what I've done 'coz I can't seem to do a copy and paste here.

hit this button

yeah I would suggest you use a table, with two columns (<td>) in the first TD you insert your image and with a little help of CSS you can actually adjust the alignment of the pic and in th esecond TD you add the text

<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="width:XXXpx; height:XXXpx;"><img src=
"INSERT IMAGE HERE.GIF/JPG/PNG" style="align:middle; text-align:center"></td>

<td>TEXT DESCRIPTION LINK</td>
<tr>
</table>

Add <tr><td></td><td></td></tr> accordingly to add rows to your table.

Thank you for all your reply! And so sorry I was a bit confusing, I think i don't even know what I'm talking about!!
Anyways, I was able to work out what I really want to do but I have another problem - I wonder why the images "quiver" or moves up and down whenever you try to click on it.

This does not happen to most sites with images on their pages!

I need your opinion on this please!
I hope it's alright to placed a link to the page I'm referring to so you will understand what I'm "carrying on" about!!!

Here's the link -
http://swakbylil.com.au/STORE/Default.asp

You will find 4 product images in a row, you'll see what I'm taking about that it keeps moving up and down, is this normal?

oopps! sorry about the double reply, I must have sent twice and I can't seem to delete it!

lastly here's the sample of how I coded it - (so embarassing!)

<a href="<A href="http://swakbylil.com.au/Store/WsDefault.asp?Cat=SoyCandleShoppe&Sub=22&isThumbs= Yes&Thumbs=100"><img">http://swakbylil.com.au/Store/WsDefault.asp?Cat=SoyCandleShoppe&Sub=22&isThumbs= Yes&Thumbs=100"><img src="
http://swakbylil.com.au/fpdb/images/...eredcandle.jpg" HSPACE="10"></a><a href="<A href="http://swakbylil.com.au/Store/WsDefault.asp?Cat=HomeAccentPieces&Sub=32&isThumbs =No&Thumbs="><img">http://swakbylil.com.au/Store/WsDefault.asp?Cat=HomeAccentPieces&Sub=32&isThumbs =No&Thumbs="><img src="http://swakbylil.com.au/fpdb/images/...peswchime1.jpg" HSPACE="10"></a><a href="http://swakbylil.com.au/Store/WsDefa...Yes&Thumbs=100">


Thank you again!!!!
here from you soon!
~summer

Thank you for all your reply! And so sorry I was a bit confusing, I think i don't even know what I'm talking about!!
Anyways, I was able to work ou what I really want to do but I have another problem - I wonder why the images "quiver" or moves up and down whenever you try to click on it.

This does not happen to most sites with images on their pages with links to another page?

I need yur opinion on this please!
I hope it's alright to placed a link to the page I'm referring about so you will understand what I'm "carrying on" about!!!

Here's the link -
http://swakbylil.com.au/STORE/Default.asp

You will find 4 product images in a row, you'll see what I'm taking about that it keeps moving up and down, is this normal?

Thank you again!!!!
here from you soon!
~summer

Im trying to help you but I cant locate the image within your source code as I cant right click on th eimage and look for the name of the image to then look for it in th eSource Code and see what the problem is, just post the name of one of your images then I will locate it within your source code and tell you what the problem is... you have something on your OnMouseOver behaivor that is messing them up...

Thanks KIDJOE, did you mean the this one?

http://swakbylil.com.au/fpdb/images/resizetrinkets.JPG

Sorry I don't even know what sourcecode means! I'm thinking you meant the link to the image?
If not, could you please explain to me exactly what you meant, I feel so silly!!

Thanks again,
~summer

OK! problem solved, your HTML is a bit messy but heres the answer

you have an Onmouseover setting for your links at:

a:hover {
color: #F293BD; text-decoration:none; border-bottom: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0;
} 

you want to set the borders to: 0px; like this

a:hover {
color: #F293BD; text-decoration:none; border-bottom: 0px solid #C0C0C0; border-top: 0px solid #C0C0C0; border-left: 0px solid #C0C0C0; border-right: 0px solid #C0C0C0;
} 

Also I would suggest you sort a bit your HTML for that specific line of code I fixed it for you.

<br>
<p>
<center>
<b><big><font size="5"><font face="bradley hand ITC">~You've got to check this out!~</font></font></big></b>
</p>
</center>
 
<a href="<A href="http://swakbylil.com.au/Store/WsDefault.asp?Cat=SoyCandleShoppe&Sub=22&isThumbs=Yes&Thumbs=100"><img">http://swakbylil.com.au/Store/WsDefault.asp?Cat=SoyCandleShoppe&Sub=22&isThumbs=Yes&Thumbs=100"><img src="http://swakbylil.com.au/fpdb/images/resizetaperedcandle.jpg" border="0" hspace="10"></a>
<a href="<A href="http://swakbylil.com.au/Store/WsDefault.asp?Cat=HomeAccentPieces&Sub=32&isThumbs=No&Thumbs="><img">http://swakbylil.com.au/Store/WsDefault.asp?Cat=HomeAccentPieces&Sub=32&isThumbs=No&Thumbs="><img src="http://swakbylil.com.au/fpdb/images/resizegrapeswchime1.jpg" border="0" hspace="10"></a>
<a href="<A href="http://swakbylil.com.au/Store/WsDefault.asp?Cat=BathShoppe&Sub=36&isThumbs=Yes&Thumbs=100"><img">http://swakbylil.com.au/Store/WsDefault.asp?Cat=BathShoppe&Sub=36&isThumbs=Yes&Thumbs=100"><img src=" http://swakbylil.com.au/fpdb/images/resizegrapefruitsoap.jpg"border="0" hspace="10"></a>
<a href="<A href="http://swakbylil.com.au/STORE/WsDefault.asp?One=68"><img">http://swakbylil.com.au/STORE/WsDefault.asp?One=68"><img src="http://swakbylil.com.au/fpdb/images/resizetrinkets.jpg" border="0" hspace="10"></a>

Just copy and paste the code accordinly.

Your left and right borders on your A:hover tag are set to 1px for no reason, this will affect all of your links and make them move if you set those to 0px you wont have that problem.

I see why you set the borders!!

To have that nice effect over your Text links.

Is either that with movment everywhere or without that and you will have a cleaner website.

Originally Posted by kIDJOE

I see why you set the borders!!

To have that nice effect over your Text links.

Is either that with movment everywhere or without that and you will have a cleaner website.

Hi KIDJOE,

First I'd like to thank you for your help!
I changed the 1px to 0px like you suggested and now they are nice looking, no more movements!

Now what do you mean by border?

Also, I tried to copy and paste your code and remove mine but when I check the page again, some codes appeared which they're not supposed to and the images where all messed up!
I panic and change back to my original one! I don't want the whole world to see the mess!!!
What could have I done wrong???

Again Thank you for your help!!
~summer

Sweetheart It looks fine to me now, I suggested you set the borders of the images to 0 so it wont show that Blue border around the images, but thats up to you

Let me know if you have anymore questions

It does look better now without the border, so in that 'img src' code, I added 'Border=0' after the .gif", and it worked!!!!

Thank you so much kidJoe, you just don't know how much I appreciate your help...very much!

hmmm...let me think of some other probs!!!

Till later...
~summer

No worries Im glad I coul dhelp