“模板内文字描述01”的表格问题
1. “模板内文字描述01”内插入表格后右边的部分在eBay详情页显示不完整 |
这是因为表格太宽,所以阻碍了其他所有内容的显示,表格的最佳宽度为750px,超过750px就可能无法完全显示 如果不能直接在插入表格的地方修改宽度的话,可以点左上角的“原始码”,找到table元素,在width的部分把宽度设置为750px,记得要在“原始码”的状态下点击“确认”才能成功保存。 |
2. 表格内混用了文字和图片,最后的结果不是自己设计的那样? |
由于使用了像素来控制表格的宽度和表格内单元格的宽度,所以当操作员对表格、单元格、文字和片尺寸的把握失当的时候,最后的结果不一定是操作员想要的。 此时推荐使用百分比来控制所有的尺寸。 涉及到的元素:表格、单元格、文字、图片 如果把表格当做一个大容器来看的话,则里面的单元格就是装在大容器里面的一个一个小容器,而文字和图片则是装在单元格里面的一个一个小物件。 在设计每一个元素的百分比尺寸的时候,要注意它所在的上一级元素的尺寸。 ------------------------------------------------------------------------------------- 将表格的尺寸设计为100%,则该表格会占据它所在的页面宽度的100% --如果该页面的宽度为800像素(SoldEazy模板的电脑版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为800像素。 --如果该页面的宽度为300像素(SoldEazy模板的手机版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为300像素。 假设该表格有两个竖列,左列尺寸为30%,右列尺寸为70% --如果该表格的宽度为800像素,则左列宽度为240像素,右列宽度为560像素 --如果该表格的宽度为300像素,则左列宽度为90像素,右列宽度为210像素 假设左列有个单元格,里面的图片宽度设计为100%,高度留空 --如果该单元格宽度为240像素,则该图片宽度为240像素,图片大小会等比例缩放 --如果该单元格宽度为90像素,则该图片宽度为90像素,图片大小会等比例缩放 -------------------------------------------------------------------------------------将表格的尺寸设计为60%,则该表格会占据它所在的页面宽度的60% --如果该页面的宽度为800像素(SoldEazy模板的电脑版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为480像素。 --如果该页面的宽度为300像素(SoldEazy模板的手机版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为180像素。 假设该表格有两个竖列,左列尺寸为30%,右列尺寸为70% --如果该表格的宽度为480像素,则左列宽度为144像素,右列宽度为336像素 --如果该表格的宽度为180像素,则左列宽度为54像素,右列宽度为126像素 假设左列有个单元格,里面的图片宽度设计为100%,高度留空 --如果该单元格宽度为144像素,则该图片宽度为144像素,图片大小会等比例缩放 --如果该单元格宽度为54像素,则该图片宽度为54像素,图片大小会等比例缩放
|
***Fin***