
Images in tables
Hi
How do you add images into tables? I have created my table in visual editor (HTML dummy, here!) and can't seem to get images INTO the table. Thanks in advance!

Erin Hawley wrote:
Hi
How do you add images into tables? I have created my table in visual editor (HTML dummy, here!) and can't seem to get images INTO the table. Thanks in advance!
Hi

Hi Erin,
Can you not switch to HTML Editor?
If so you should have something along these lines:
<table border="1" width="100%">
<tr><!-- Row 1 -->
<td>INSERT YOUR IMAGE HERE</td>
<td><img src="alarmclock4.jpg" width="100" height="141" alt="" border="0" align=""></td>
</tr>
<tr><!-- Row 2 -->
<td></td>
<td></td>
</tr>
</table>
So <table></table> is the area of the code which contains all the <tr></tr> ROWS, and then each of the ROWS contains the <td></td> CELLS.
You will be adding your content inside the CELLS, so as you can see from the example I have added above, any images (or text) will be fitted inside those tags.
To find an image you go to the TOOL BAR and follow INSERT > IMAGE and browse through all your own folders to decide which image to add.
But, YOU MUST REMEMBER TO PUT THE IMAGE (or at least a copy of it) INTO THE SAME FOLDER AS YOUR WEB PAGE when you save it, otherwise it will not show up. It is wise to set up a folder with the name of your choice, and inside that, keep a folder just for your images which you will sensibly call, IMAGES, or IMGS (all in lower case). You can of course set up lots of folders inside the main one if you wish to separate different areas of your site content.
If you do have a separate folder for images, you will then see something like this when you insert an image into your HTML:
<td><img src="imgs/alarmclock4.jpg" width="100" height="141" alt="" border="0" align=""></td>
As you can see, all this needs is an indication to the server that they must go to the IMGS folder to find the image in question. It goes without saying that the name/width/height of the image will refer to your own, and not be the one I have used as an example.
It is good practice to prepare all your images BEFORE you start messing around with the rest of the site - or at least the main ones, so that you know how to lay out your pages.
As far as the Visual Editor is concerned, either you can use INSERT > TABLE and then click in the cell area to insert an image, or just INSERT > IMAGE and drag it to where you want it and the Editor will automatically set up the coordinates on the page for that image/position. You don't have to think about tables at all.
Bye
Janys
This is a topic that I am interested in as well. I am a complete novice at anything to do with web design butI have been messing about with images in tables for a few days and I find the following problem.
I can get the image in to the table or anywhere else on the screen for that matter when I use the visual editor. But what happens is that when I preview it or upload the image has moved in relation to other items on the page. How do I lock its position please?
Thanks for any help you can give me.
I can get the image in to the table or anywhere else on the screen for that matter when I use the visual editor. But what happens is that when I preview it or upload the image has moved in relation to other items on the page. How do I lock its position please?
Thanks for any help you can give me.
mikeohope wrote:
This is a topic that I am interested in as well. I am a complete novice at anything to do with web design butI have been messing about with images in tables for a few days and I find the following problem.
I can get the image in to the table or anywhere else on the screen for that matter when I use the visual editor. But what happens is that when I preview it or upload the image has moved in relation to other items on the page. How do I lock its position please?
Thanks for any help you can give me.
This is a topic that I am interested in as well. I am a complete novice at anything to do with web design butI have been messing about with images in tables for a few days and I find the following problem.
I can get the image in to the table or anywhere else on the screen for that matter when I use the visual editor. But what happens is that when I preview it or upload the image has moved in relation to other items on the page. How do I lock its position please?
Thanks for any help you can give me.
Mike,
Are you talking about Visual Site Designer or Visual Editor in the HTML Editor?
Janys
Do you dare give us a link to see what you're talking about? Knowing most people aren't proud of their works-in-progress, I only ask for our visual aid.

Hello...
I also have the same problem.
I want to have an updated list of what RV's are on our lot. So I used excell and copied the source into Visual site designer. I want to have a link to a picture but I have hit a wall with the amount that I know. Please help!
www.carstairsrv.com
Thanks!
I also have the same problem.
I want to have an updated list of what RV's are on our lot. So I used excell and copied the source into Visual site designer. I want to have a link to a picture but I have hit a wall with the amount that I know. Please help!
www.carstairsrv.com
Thanks!
Joy Rattie wrote:
Hello...
I also have the same problem.
I want to have an updated list of what RV's are on our lot. So I used excell and copied the source into Visual site designer. I want to have a link to a picture but I have hit a wall with the amount that I know. Please help!
www.carstairsrv.com
Thanks!
Hello...
I also have the same problem.
I want to have an updated list of what RV's are on our lot. So I used excell and copied the source into Visual site designer. I want to have a link to a picture but I have hit a wall with the amount that I know. Please help!
www.carstairsrv.com
Thanks!
Hi Joy,
Now the normal way to do this would be to write this code around your image name - let's call it BUTTON for the same of argument,
in this way:
<a href="dog.jpg"><img src="button.gif" width="155" height="35" alt="" border="0" align=""></a>
where "dog" is the name of the image you want to show up with the link.
That is assuming you are able to add this into an HTML page.....
Janys
I know this topic is old, but I'm having the same issue with CoffeeCup HTML 2009 edition. The weird part is that I had absolutely no problem getting the pictures INTO the tables until two days ago. My system crashed and I had to re-download coffeecup. The tables stopped cooperating and now I can't get them to work. I'm using the visual editor as I'm not up-to-date on HTML yet.
Can anyone help with this? I'd like to continue working in the visual portion if possible. It just seems so weird cause it was working fine a few days ago, and now it's not. Thanks!
Can anyone help with this? I'd like to continue working in the visual portion if possible. It just seems so weird cause it was working fine a few days ago, and now it's not. Thanks!
Keep in mind that when you add images to tables it adds only the file location. So when you upload, your pictures will not show up until you change the file locations to accurately reflect where they are located on your server.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.