Plain Yogurt Table Column Width Size Display
Permalink
Apologies for the convoluted question :) Actually its two questions.
My theme is Plain Yogurt and am using tables to layout the design. And I want to create some images of a specific size to fit in the cells. Although I know I can change the width of the cells easily, and I can just drag it to fit the image, I want to know where I can SEE the actual width of the cells in the table. Do I have to look at the source code or can I find that information through the interface in some way?
Actually I don't really understand yet how the cells accomodate images, for example if you put an image in a cell the cell itself doesn't expand to fit the image. So Q2 is where can I learn more about how this works? Thanks !
My theme is Plain Yogurt and am using tables to layout the design. And I want to create some images of a specific size to fit in the cells. Although I know I can change the width of the cells easily, and I can just drag it to fit the image, I want to know where I can SEE the actual width of the cells in the table. Do I have to look at the source code or can I find that information through the interface in some way?
Actually I don't really understand yet how the cells accomodate images, for example if you put an image in a cell the cell itself doesn't expand to fit the image. So Q2 is where can I learn more about how this works? Thanks !
Thanks for the quick reply. Actually sorry they are called Layouts not tables. So yes I am adding a block and then a layout to a block with more than one column.
What is the Tiny/MCE block please?
What is the Tiny/MCE block please?
The TinyMCE block is just called "Content", but if you're just wanting to add images to layout cells, you may want to consider using the "Image" block, since it can resize the image based on the max width or height you specify, resulting in smaller image files -> faster page loads...
I suggest you use Firefox and install these two plugins:
1) Web Developer Toolbar
2) Firebug
These are invaluable tools that help you understand what exactly is going on with your HTML and CSS. Web developer toolbar has an option (among many) that highlights all table cells which should be useful for this situation, and firebug let's you temporarily change the HTML while you're viewing the page so you can see immediately how different things will affect the layout.
Hope that helps!
-Jordan
1) Web Developer Toolbar
2) Firebug
These are invaluable tools that help you understand what exactly is going on with your HTML and CSS. Web developer toolbar has an option (among many) that highlights all table cells which should be useful for this situation, and firebug let's you temporarily change the HTML while you're viewing the page so you can see immediately how different things will affect the layout.
Hope that helps!
-Jordan
Are you modifying the theme pages or are you using a text block and adding the table there? If you are, you can look at the source for that block using the menu/icons on the TinyMCE block.
Since C5 is trying to NOT use tables in most cases you may have better luck using your style.css file to manipulate your image(s).