Problem with empty space between images in tables
Permalink
Hello C5 gurus,
I'd like to have a picture with clickable text on it that redirects the user to different sub-sites.
To achieve this I split a picture into 4 parts and created a new content block. Inside the block I inserted a table with border = "0" and two rows and two columns. I added each picture part in one off the table cells with URL link attributs. The links are OK and pictures in the upper half, i.e. the left picture 1/2 has no space to the left picture 2/2 on the right. But the two pictures 3/4 and 4/4 at the lower half do have a huge gap two the upper section. Why is this? I tried to give each <TR> and <TR> also Border = "0" and CLASS="noclass" statements, but the empty space persists. Now the full picture is not shown combined anymore but split in between.
Do you know how to fix this?
Thanks,
Ben
I'd like to have a picture with clickable text on it that redirects the user to different sub-sites.
To achieve this I split a picture into 4 parts and created a new content block. Inside the block I inserted a table with border = "0" and two rows and two columns. I added each picture part in one off the table cells with URL link attributs. The links are OK and pictures in the upper half, i.e. the left picture 1/2 has no space to the left picture 2/2 on the right. But the two pictures 3/4 and 4/4 at the lower half do have a huge gap two the upper section. Why is this? I tried to give each <TR> and <TR> also Border = "0" and CLASS="noclass" statements, but the empty space persists. Now the full picture is not shown combined anymore but split in between.
Do you know how to fix this?
Thanks,
Ben
Hello J. Garcia,
Thanks for your thoughts. I had "cellpadding" etc. already inside teh <TABLES> tag. I reduced the picture length now and it seems to work, at least for Firefox. Maybe it was linked to the maximum space available for blocks in theme "Plain Yoghurt"?
--> How can I save "Plain Yoghurt" design theme ass *.css to adapt the space?
--> My next problem is to make the right section (no text, just beautiful image) a slideshow? Is there any way to combine a table with a slideshow block?
I guess I have to adapt the *.css + *.html scheme all by myself, but therefore I would need the Tamplate as editable files.
Thanks for your input in advance!
Regards,
Benjamin
Thanks for your thoughts. I had "cellpadding" etc. already inside teh <TABLES> tag. I reduced the picture length now and it seems to work, at least for Firefox. Maybe it was linked to the maximum space available for blocks in theme "Plain Yoghurt"?
--> How can I save "Plain Yoghurt" design theme ass *.css to adapt the space?
--> My next problem is to make the right section (no text, just beautiful image) a slideshow? Is there any way to combine a table with a slideshow block?
I guess I have to adapt the *.css + *.html scheme all by myself, but therefore I would need the Tamplate as editable files.
Thanks for your input in advance!
Regards,
Benjamin
1. adding cellpadding="0" and cellspacing="0" to your table tag
2. make there there are no <p> tags around your image.
if you have the full html that would help as well.