Adding Images to Tables & sizing them

Link to this post 01 Apr 10

On my "fans & media" page http://deannadavoli.com/pages.php?page=fans_media I decided that I should use the table format that the system comes with. When I first created it I created it all with HTML. I deleted all of the old stuff & created a new table with 2 rows & about 16 columns. I am able to type any verbage I want, but I want to be able to have a thumbnail image within the table so when you click on it, it will enlarge in another page. just like how I have it on this page: http://deannadavoli.com/pages.php?page=modern_murals
I cannot even seem to figure out how to get the image inserted into the table (or at all) on the page. When I click on the little "image" icon it allows me to browse all of my images that are currently uploaded but I cannot seem to do anything with them...it is so weird! :unsure:

so can you help me with this please?

Link to this post 02 Apr 10

The ck finder is a bit incomplete. There is supposed to be a way to select images, but it isn't working correctly. I've tried tons of things that should have worked and I've sent numerous requests to the ck source writers that have gone unanswered. Having said that, the rest of it works. I'm still working on getting the select option to work, but in the meantime...

You should be able to insert images into a table. Will it let you place the cursor into the table and then use the editor's image box (upload tab) to upload an image into the correct place? If so, then you can also do the same thing to insert an image into it that is already on the server. There are a few extra steps for now until I get the select option figured out, but in the first tab of the image uploader box, it should have a line asking for the image path. In that area, you can use images/image.jpg

I created a test page on your site to test this out so you can see it. I used the link button to link the image to the bigger image as a popup.

Link to this post 02 Apr 10

I can place my cursor in the table but when I go to the image box, I have tried to upload the image from my computer & it just creates a copy of it in my images folder. It doesn't actually place the image where I have the cursor.

I can view all of my images but I am unable to actually add them to the table.

Link to this post 02 Apr 10

Before going into the ckfinder, stay in the popup when you click on the little image button on the ckeditor. In that first box, try images/your_image.gif

Let me know if that doesn't work for you... it's what I did on the test page, but I may just be explaining it wrong.

Link to this post 05 Apr 10

thanks Renee!!! That did it. I was able to add the thumbnail images & create the link to the large image. :cheer:

I do have another question though. I would like to make the table wider, as wide as I can to fit on the layout without messing up the look of my website. I would like each column to be equal in width & set to a specific width. How can edit an existing table?

I tried selecting it & then clicking on the table icon, but that just keeps opening up a window that allows me to make a new table. I also tried clicking on some of the links on the editing page that are at the bottom of the screen..."body" "table" "tbody" "tr" "td" etc. but that did not help either.

Link to this post 07 Apr 10

You'll have to edit the html directly. You'll want to use something like:


<td width="250px">text</td>
<td width="350px">text</td>

You can also do it by percent like this:

<td width="60%">text</td>
<td width="40%">text</td>

Let me know if you need further help with this... if so, let me know the widths you want.

Latest Posts