边距和小屏幕 [英] Margins and small screens

问题描述

再一次，我想在网站上得到一些反馈
http://www.weltladen-tuebingen.de 。情况如下：我，

作为一个真正的计算机怪胎，有一个大屏幕。然而，负责页面内容的那位女士使用DreamWeaver和

有一台小型笔记本电脑。对她来说，页面看起来不太好看，因为导航区域上的最后一个按钮总是被包裹起来。这是因为

正文和#content中的保证金规格。但是，如果我将这些

留下来，它在我的屏幕上看起来并不好看。这是否有一些

标准解决方案？比如，如果

视口变小，边距会缩小吗？也许我应该只做一个水平居中的

#content？


我想我想摆脱那些图像按钮而只是放一些真实的

那里的文字。也许这会有所帮助。
的测试版本 http： //tcl.sfs.uni-tuebingen.de/~hen...te/WebContent/

告诉我这会有所帮助，但问题仍然存在。


感谢任何建议！

H.

-

Hendrik Maryns
http://tcl.sfs.uni-tuebingen.de/~hendrik/

==================

提出聪明的问题，得到好的答案：
http://www.catb.org/~esr/faqs/smart -questions.html

解决方案

在文章< gd ********** @ newsserv.zdv.uni -tuebingen.de>，

Hendrik Maryns< gt ******* @ sneakemail.comwrote：

再次Ia ??喜欢一些反馈在网站上
http://www.weltladen-tuebingen.de 。情况如下：我，

作为一个真正的计算机怪胎，有一个大屏幕。然而，负责页面内容的那位女士使用DreamWeaver和

有一台小型笔记本电脑。对她来说，页面看起来不太好看，因为导航区域上的最后一个按钮总是被包裹起来。

在浏览器尺寸方便的情况下，我的屏幕上有多个按钮，

看起来很好！


但是在这种情况下最好的办法是将导航设为

水平列表，使用真实的HTML文本和样式来表示

orange矩形外观。你的图像绝对不敢被替换，所以，

没有任何关于它们的东西，基本上是图形的。另外你

获得了很多，因为你可以稍微控制相对文字大小，

填充可以用％表示意味着它们缩小窗口越多

收缩宽度......以及其他好处。


-

dorayme

< blockquote> dorayme schreef：

在文章< gd ********** @ newsserv.zdv.uni-tuebingen.de>中，

Hendrik Maryns< gt ******* @ sneakemail.com写道：

>再一次我想要一些反馈在网站上
http://www.weltladen-tuebingen.de 。情况如下：我，作为一个真正的计算机怪胎，有一个大屏幕。然而，负责页面内容的女士使用DreamWeaver并且有一台小型笔记本电脑。对她来说，页面看起来不太好看，因为导航区域上的最后一个按钮总是被包裹起来。

在浏览器尺寸方便的情况下，我的屏幕上有多个按钮，

看起来很好！

啊，问题是她不喜欢它被包裹了！

但是在这种情况下最好的办法是将导航设为

水平列表，

为什么？或者我是否理解你错了，你的意思是我应该把它放在一个

< uland风格列表中？我该怎么做？

显示：内联ul和li？


使用真实的HTML文本和样式为$ b $上的白色文字b

橙色矩形外观。你的图像绝对不敢被替换，所以，

没有任何关于它们的东西，基本上是图形的。另外你

获得了很多，因为你可以稍微控制相对文字大小，

填充可以用％表示意味着它们缩小窗口越多

收缩横向......以及其他好处。

正如我在测试页面上所做的那样。 Youa ??对，谢谢。


H.

-

Hendrik Maryns
http://tcl.sfs.uni-tuebingen.de/~hendrik/

==================

提出聪明的问题，得到好的答案：
http://www.catb.org/~esr/faqs/smart -questions.html

Hendrik Maryns写道：

>>

>> http： //www.weltladen-tuebingen.de 。情况如下：我，作为一个真正的计算机怪胎，有一个大屏幕。然而，负责页面内容的女士使用DreamWeaver并且有一台小型笔记本电脑。对她来说，页面看起来不太好看，因为导航区域上的最后一个按钮总是被包裹起来。

啊，问题是她不喜欢它被包裹！

她认为水平滚动更合适吗？如果是这样，请尝试

解释这将是糟糕的可用性，并且该网站是为了她的访问者而不仅仅是她的

好​​处。更好的是

放弃用于导航的文本图片并使用样式的简单

文本代替。它不仅对用户更好，因为文本将按照访问者的首选字体大小进行缩放，但也更适合搜索

引擎。纯文本规则。


BTW，您未能设置页面背景颜色。我的浏览器默认

背景不是白色，它显示。


-

Berg

Hi,

Once again Ia??d like some feedback on the site
http://www.weltladen-tuebingen.de. The situation is the following: I,
as a real computer freak, have a Big Screen. The lady who is
responsible for the content of the page, however, uses DreamWeaver and
has a small laptop. For her, the page doesna??t look so nice because the
last button on the navigation area is wrapped always. This is due to
the margin specifications in body and in #content. If I leave these
out, however, it doesna??t look as nice on my screen. Is there some
standard solution for this? Like, have the margins shrink if the
viewport gets smaller? Maybe I should just do a horizontal centering of
the #content?

I think I want to get rid of those image-buttons and just put some real
text there. Maybe that would help. A test version at
http://tcl.sfs.uni-tuebingen.de/~hen...te/WebContent/
tells me that that would help, but the problem persists.

Grateful for any suggestions!
H.
--
Hendrik Maryns
http://tcl.sfs.uni-tuebingen.de/~hendrik/
==================
Ask smart questions, get good answers:
http://www.catb.org/~esr/faqs/smart-questions.html

解决方案

In article <gd**********@newsserv.zdv.uni-tuebingen.de>,
Hendrik Maryns <gt*******@sneakemail.comwrote:

Once again Ia??d like some feedback on the site
http://www.weltladen-tuebingen.de. The situation is the following: I,
as a real computer freak, have a Big Screen. The lady who is
responsible for the content of the page, however, uses DreamWeaver and
has a small laptop. For her, the page doesna??t look so nice because the
last button on the navigation area is wrapped always.

More than one button wraps on my screen at a convenient browser size, it
looks fine!

But best thing to do in this situation is to make the navigation a
horizontal list, to use real HTML text and style for that white text on
orange rectangle look. Your images absolutely cry out to be replaced so,
there is nothing about them much that is essentially graphic. Plus you
gain a lot because you can control the relative text size a bit, the
paddings can be in % terms meaning they shrink the more the window is
shrunk widthwise... and other benefits.

--
dorayme

dorayme schreef:

In article <gd**********@newsserv.zdv.uni-tuebingen.de>,
Hendrik Maryns <gt*******@sneakemail.comwrote:

>Once again Ia??d like some feedback on the site
http://www.weltladen-tuebingen.de. The situation is the following: I,
as a real computer freak, have a Big Screen. The lady who is
responsible for the content of the page, however, uses DreamWeaver and
has a small laptop. For her, the page doesna??t look so nice because the
last button on the navigation area is wrapped always.

More than one button wraps on my screen at a convenient browser size, it
looks fine!

Ah, the thing is she doesna??t like it that it is wrapped!

But best thing to do in this situation is to make the navigation a
horizontal list,

Why? Or do I understand you wrongly, do you mean I should put it in an
<uland style that list to be flat? How would I do that?
display:inline on both ul and li?

to use real HTML text and style for that white text on

orange rectangle look. Your images absolutely cry out to be replaced so,
there is nothing about them much that is essentially graphic. Plus you
gain a lot because you can control the relative text size a bit, the
paddings can be in % terms meaning they shrink the more the window is
shrunk widthwise... and other benefits.

As I did on the test page. Youa??re right, thanks.

H.
--
Hendrik Maryns
http://tcl.sfs.uni-tuebingen.de/~hendrik/
==================
Ask smart questions, get good answers:
http://www.catb.org/~esr/faqs/smart-questions.html

Hendrik Maryns wrote:

>>

>>http://www.weltladen-tuebingen.de. The situation is the following: I,
as a real computer freak, have a Big Screen. The lady who is
responsible for the content of the page, however, uses DreamWeaver and
has a small laptop. For her, the page doesna??t look so nice because the
last button on the navigation area is wrapped always.

Ah, the thing is she doesna??t like it that it is wrapped!

Does she think horizontal scrolling is preferable? If so, please try to
explain that that would be bad usability, and the site is for the
benefit of her visitors, not just her. What would be even better is to
abandon the pictures of text for the navigation and use styled plain
text instead. It''s not only better for users, because the text will
scale with the visitor''s preferred font size, but also better for search
engines. Plain text rules.

BTW, you have failed to set a page background color. My browser default
background is not white, and it shows.

--
Berg

这篇关于边距和小屏幕的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！