如何在没有表的情况下进行图像行？ [英] how to do rows of images without tables?
问题描述
你好，
我正在构建一个想要尊重XHTML 1.0严格和CSS2
细节的页面。在这个页面中，我必须提供缩略图，以便覆盖整个窗口的宽度，但有些问题更容易看到
而不是解释...
http://www.wildzone.it /stage/thumbs/...lleria=samburu
CCS代码只需单击即可读取。该文件在他的xhtml
和css sintax中是正确的，并且代码已经完全从其他
内容中清除。
这是我第一次尝试在不使用
表格的情况下进行网站布局，我知道你们都是使用
高级CSS构建页面的专家。
因为我试图调整代码好几天，我不知道你是这样的
好好看看它并给我一些建议。 />
感谢您的帮助
Roberto
Hallo,
I''m building a page that wants to respect XHTML 1.0 strict and CSS2
specifics. In this page I have to present thumbnails arranged to cover the
entire width of the window, but there are problems that are easier to see
than to explain...
http://www.wildzone.it/stage/thumbs/...lleria=samburu
the CCS code is readable in a click. The document is correct in his xhtml
and css sintax, and the code has been completely cleared from other
contents.
This is my first attempt to do the layout of a site without making use of
tables, and I know that you are all expert in constructing pages using an
advanced CSS.
Since I''m trying to adjust the code for days, I wonder that that you are so
kind to take a look at it and suggest me something.
Thanks for any help
Roberto
推荐答案
Roberto写道2005年9月在
comp.infosystems。 www.authoring.stylesheets：
Roberto wrote on 09 mei 2005 in
comp.infosystems.www.authoring.stylesheets:
我正在建立一个想要尊重XHTML 1.0严格和CSS2
细节的页面。在这个页面中，我必须提供缩略图，以覆盖窗户的整个宽度，但有些问题比阅读更容易看到......
http：//www.wildzone.it/stage/thumbs / ... lleria = samburu
CCS代码只需单击即可读取。该文件在他的
xhtml和css sintax中是正确的，并且代码已经完全从其他内容中清除。
这是我第一次尝试进行网站布局没有使用表格，我知道你们都是使用高级CSS构建页面的专家。
因为我试图调整代码好几天，我想知道你好好看看它并给我建议。
感谢您的帮助
I''m building a page that wants to respect XHTML 1.0 strict and CSS2
specifics. In this page I have to present thumbnails arranged to cover
the entire width of the window, but there are problems that are easier
to see than to explain...
http://www.wildzone.it/stage/thumbs/...lleria=samburu
the CCS code is readable in a click. The document is correct in his
xhtml and css sintax, and the code has been completely cleared from
other contents.
This is my first attempt to do the layout of a site without making use
of tables, and I know that you are all expert in constructing pages
using an advanced CSS.
Since I''m trying to adjust the code for days, I wonder that that you
are so kind to take a look at it and suggest me something.
Thanks for any help
div.thumbBox {
宽度：115px;
浮动：左;
保证金：15px;
身高：80px;
溢出：隐藏;
border：#ddd dotted 1px;
text-align：center;
}
[边框只是暂时显示效果]
-
Evertjan。
荷兰。
（在我的电子邮件地址中替换所有带点的十字架）
div.thumbBox {
width: 115px;
float: left;
margin: 15px;
height:80px;
overflow: hidden;
border:#ddd dotted 1px;
text-align:center;
}
[The border is just temporary to show the effect]
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)
在comp.infosyst中的
ems。 www.authoring.stylesheets ，Roberto写道：
in comp.infosystems.www.authoring.stylesheets, Roberto wrote:
Hallo ，
我正在构建一个想要尊重XHTML 1.0严格的页面
那你为什么要使用xhtml1.1 doctype？
http：//www.wildzone.it/stage/thumbs / ... lleria = samburu
[带有宽度，可变高度的浮动div - >正常效果]
该文档在他的xhtml和css中是正确的[y] ntax，
Hallo,
I''m building a page that wants to respect XHTML 1.0 strict
Then why are you using xhtml1.1 doctype?
http://www.wildzone.it/stage/thumbs/...lleria=samburu
[floated divs with width, variable height -> normal effect]
The document is correct in his xhtml and css s[y]ntax,
但它不是很好xhtml（空标题，错误使用p元素，空
alt属性）
KISS。
首先，有内容。
然后，标记它
看。
样式。
如果需要更多标记，请添加它。
在这里，你已经对你的内容进行了过度标记，将这些图像包装给没有其他目的的div。你问的不需要这个。
问题是，当浮动不同大小的图像时，那里会有间隙，而不是乐趣。我不明白为什么你要使用
不同高度的图像，为什么不把它们都放到相同的高度？
我会用这个CSS
img {margin：20px;}
并摆脱div元素（除了包含它们的那个）
如果你确实想要列（或标题）以及行（你没有b $ b b指定......），那么你可以使用不同的边距不同大小的图像
b）使用这些div，你需要使它们的宽度和高度相同
（加上高度：70px或者你的css最大图像的高度）
c）或使用display：inline-block（不支持FF，部分支持
by IE和Opera 7-8）并显示：inline-table（Opera 5+ ）
恕我直言，专栏没有任何意义，所以我从不（再次）使用图片中的列
画廊，除非它们自然而然。
忘了XHTML，你用错了方法：
1）xhtml1.1 shouldn''tb e配上文字/ html
2）你把IE放到怪癖模式
3）只是有效还不够
使用HMTL4严格。特别是如果你不明白原因。
（google为他们，如果你想了解他们。）
另外，你应该发送一些缓存信息。
-
Lauri Raittila< http://www.iki.fi/lr> < http://www.iki.fi/zwak/fonts>
荷兰乌得勒支。
支持我，购买Opera：
https://secure.bmtmicro.com/opera/bu ... tml？AID = 882173
2005年5月9日星期一23:33:29 +0200，Roberto < de ********* @ despammed.com>
写道：
On Mon, 9 May 2005 23:33:29 +0200, "Roberto" <de*********@despammed.com>
wrote:
我正在构建一个想要尊重的页面XHTML 1.0严格...
为什么？没有任何目的超过HTML4.01
...和CSS2细节。
嗯，除了CSS2.1尚未被骑士正式批准
这一事实外，好看的浏览器似乎更多
遵守该规范;即使不是CSS1就足够了
首先要提出建议。
在这个页面中我必须提供排列的缩略图
窗户的整个宽度，但有些问题比说明更容易看到...
Nah; KISS原则永远有效，看看......
< http://www.fantasywoman.nu/terra/terra01.html>
[...]
这是我第一次尝试在没有使用表格的情况下进行网站布局......
I''m building a page that wants to respect XHTML 1.0 strict...
Why? serves no purpose over HTML4.01
...and CSS2 specifics.
Well, except for the fact that CSS2.1 has not yet been formally approved
by the knight, it seems that good browsers in general are more in
adherence to that specification; that is if not CSS1 is fully sufficient
for what you want to suggest in the first place.
In this page I have to present thumbnails arranged to cover
the entire width of the window, but there are problems that
are easier to see than to explain...
Nah; the KISS principle will always work, have a look...
<http://www.fantasywoman.nu/terra/terra01.html>
[...]
This is my first attempt to do the layout of a site without
making use of tables...
是的，我们可以说你已经开始走上了正确的轨道，但是
你是过度的。事情有点:-)
这个帖子中的其他海报给出了关于该部分的更多具体信息
所以我不需要重复它。
-
雷克斯
Yes, lets say that you have definitely started on the right track but
you are "overdoing" things a bit :-)
Other posters in this thread have given more specific info on that part
so I don''t need to repeat it.
--
Rex
这篇关于如何在没有表的情况下进行图像行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
