棘手的表用法 [英] Tricky Table Usage

查看:71
本文介绍了棘手的表用法的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,


我正在建立一个网站的问题。它使用表格,但

它真的很棘手。我需要的布局图片可以在
http:/ /www.altmarvel.net/Liam/WHATINEED.jpg (对不起

文件名中的全部大写字母)。


我是什么需要的是一个有两面的桌子:左边是标题,

右边是信息,如下:


产品编号:123456789

产品名称:割草机

颜色:消防车红色

等等


但是,我需要在右上角的

中加入产品图片的插图。但是,产品图片可以是任何尺寸,因此它可能会跨越三个TD,四个TD,所有TD。所以我不能制作一个跨越任何特定数量的TD的第三个TR。此外,还有一个产品描述和产品的一些评论可以将这些TD延伸到任意长度,从而预测任何ROWSPAN甚至

更不可能。我该怎么做?


我已经在其他网站上看到过这种情况,但他们的代码非常混乱

读取它的线索给了我头疼。

解决方案

Liam Gibbs写道:


大家好,


我正在建立一个网站的问题。它使用表格,但

它真的很棘手。我需要的布局图片可以在
http:/ /www.altmarvel.net/Liam/WHATINEED.jpg (对于

文件名中的全部大写内容感到抱歉)。



你不能用表格,插入评论和细胞。不管怎么说?
无论如何都要用一张桌子......可以用div和浮动图像来完成。

-

小心,


Jonathan

-------------------

小工作室
http://www.LittleWorksStudio.com


文章

< 5b ***************************** *****@a1g2000hsb.g ooglegroups.com>,

Liam Gibbs< li ******* @ sympatico.cawrote:


我正在建立一个网站的问题。它使用表格,但

它真的很棘手。我需要的布局图片可以在
http:/ /www.altmarvel.net/Liam/WHATINEED.jpg (对不起

文件名中的全部大写字母)。


我是什么需要的是一个有两面的桌子:左边是标题,

右边是信息,如下:


产品编号:123456789

产品名称:割草机

颜色:消防车红色

等等


但是,我需要在右上角的

中加入产品图片的插图。但是,产品图片可以是任何尺寸,因此它可能会跨越三个TD,四个TD,所有TD。所以我不能制作一个跨越任何特定数量的TD的第三个TR。此外,还有一个产品描述和产品的一些评论可以将这些TD延伸到任意长度,从而预测任何ROWSPAN甚至

更不可能。我该怎么做呢?



你会这样吗?如果您需要任何内容​​,请大声说出:


< http://dorayme.890m.com/alt/productTableWithImage.html>


-

dorayme


这会是你吗?如果您需要任何内容​​,请大声说出:


>

< http://dorayme.890m.com/alt/productTableWithImage html的>



关闭,但我不能将图像保留在自己的列中。太多了/ b $ b浪费了大量的屏幕空间。 :(谢谢,但是。


>你不能用表格,插入评论单元格。不应该使用无论如何......可以使用div和浮动图像来完成。



好​​的。你如何在div中做到这一点?


Hello everyone,

I''m having a problem with a site I''m building. It uses tables, but
it''s really tricky. A picture of the layout I need can be found at
http://www.altmarvel.net/Liam/WHATINEED.jpg (sorry for the all-caps in
the filename).

What I need is a table that with two sides: the left is headers, and
the right is information, like so:

Product number: 123456789
Product name: Lawnmower
Colour: Fire engine red
etc. etc.

However, I need to include an inset of the picture of the product in
the right-top corner. However, the product picture could be any size,
so it might span down three TDs, four TDs, all TDs. So I can''t make a
third TR that spans any specific number of TDs. Also, there is a
product description and some reviews of the product that could stretch
those TDs to any length, making the prediction of any ROWSPAN even
more impossible. How do I do this?

I''ve seen this done on other sites, but their code is so disorganized
that reading it for clues gives me headaches.

解决方案

Liam Gibbs wrote:

Hello everyone,

I''m having a problem with a site I''m building. It uses tables, but
it''s really tricky. A picture of the layout I need can be found at
http://www.altmarvel.net/Liam/WHATINEED.jpg (sorry for the all-caps in
the filename).

You cannot do it with a table, the inset into "reviews" cell. Shouldn''t
use a table anyway...can be done with divs and floated image.
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com


In article
<5b**********************************@a1g2000hsb.g ooglegroups.com>,
Liam Gibbs <li*******@sympatico.cawrote:

I''m having a problem with a site I''m building. It uses tables, but
it''s really tricky. A picture of the layout I need can be found at
http://www.altmarvel.net/Liam/WHATINEED.jpg (sorry for the all-caps in
the filename).

What I need is a table that with two sides: the left is headers, and
the right is information, like so:

Product number: 123456789
Product name: Lawnmower
Colour: Fire engine red
etc. etc.

However, I need to include an inset of the picture of the product in
the right-top corner. However, the product picture could be any size,
so it might span down three TDs, four TDs, all TDs. So I can''t make a
third TR that spans any specific number of TDs. Also, there is a
product description and some reviews of the product that could stretch
those TDs to any length, making the prediction of any ROWSPAN even
more impossible. How do I do this?

Will this do you? Shout if you need anything in it explained:

<http://dorayme.890m.com/alt/productTableWithImage.html>

--
dorayme


Will this do you? Shout if you need anything in it explained:

>
<http://dorayme.890m.com/alt/productTableWithImage.html>

Close, but I can''t leave the image in its own column like that. Too
much screen space wasted. :( Thanks, though.

>You cannot do it with a table, the inset into "reviews" cell. Shouldn''t
use a table anyway...can be done with divs and floated image.

Okay. How do you do it in divs?


这篇关于棘手的表用法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆