ul中的text-align [英] text-align in ul

问题描述

我仍在努力寻找无序列表

（ http://www.xs4all.nl/~hogen/TaalVlinder/) 。


顶部导航栏包含4个div，每个div为ul，

并且没有填充或边距。


但是我在列表的左侧和右侧太过白了，特别是

注意到两个右手菜单''''植物群&动物群''和afkortingen

等''


我尝试通过在列表中设置text-align：left来解决问题，但是

似乎没有任何影响，不是在li上设置，也不是当

作为一个整体应用于ul时，也不是两者都适用。

我知道哪里出错了？

这可能与div的宽度有关，包含在html中设置的菜单'

而不是比用css？我试过摆弄它，但得到了

无处。


我们非常欢迎你的帮助。


-

Groet，Adriana。

[如果你想通过电子邮件联系我，请扔垃圾]

I am still struggling with an unordered list
(http://www.xs4all.nl/~hogen/TaalVlinder/).

The top navbar contains 4 divs with each an ul,
and no padding or margins.

But I get far too much white to the left and right of the lists, especially
noticeble in the two right hand menu''s ''flora & fauna'' and afkortingen
etc.''

I tried to solve the problem by setting text-align:left on the list, but
that does not seem to have any effect, not when set on the li, nor when
applied to the ul as a whole, nor to both.

Any idea where I go wrong?
Could it have to do with the width of the divs containing the menu''s being
set in html rather than with css? I have tried fiddling with that, but got
nowhere.

Your help will be most welcome.

--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]

推荐答案

A.Translator写道：

A.Translator wrote:

我仍在努力寻找无序列表
（ http://www.xs4all.nl/~hogen/TaalVlinder/) 。

顶部导航栏包含4个div，每个都是ul，没有填充或
边距。


与Mozilla dom检查员一起看看事情已经出错了。

我看到包含2层和3层的框不包含任何文字，但是/>
重叠内容。你想要什么？你想在哪里购买

菜单？你在使用很多位置：绝对。这比你意识到的要复杂得多。保持简单（亲吻）。

但是我在列表的左侧和右侧太过白了，
特别注意到两个右手菜单''''植物群和放大器;动物群''
和afkortingen等'''
我知道哪里出错了？

I am still struggling with an unordered list
(http://www.xs4all.nl/~hogen/TaalVlinder/).

The top navbar contains 4 divs with each an ul, and no padding or
margins.
A look with Mozilla dom inspector suggests that things have gone awry.
I see boxes for meny layer 2 and 3 not containing any text, but
overlapping the content. What do you want? Where do you want the
menus? You''re using lots of position: absolute. That is more
complicated than perhaps you realize. Keep it simple (kiss).
But I get far too much white to the left and right of the lists,
especially noticeble in the two right hand menu''s ''flora & fauna''
and afkortingen etc.'' Any idea where I go wrong?

您需要简化菜单。


其他需要考虑的事项：


不要滥用桌子布局


不要为正文设置低于100％的文字大小。并且不要设置任何

低于85-90％，即使只有几句文字（例如，

版权声明）


选择颜色以获得更大的对比度（白色灰色很难

读取）


-

Brian（按照我的地址中的说明给我发电子邮件）
http：// www .tsmchughs.com /

You need to simplify the menu.

Other things to consider:

don''t misuse tables for layout

don''t set text size below 100% for the body. And don''t set anything
below 85-90%, and even then only for a few words of text (e.g.,
copyright notice)

do choose colors for a greater contrast (grey on white is difficult to
read)

--
Brian (follow directions in my address to email me)
http://www.tsmchughs.com/

On Sun，2004年2月1日16:04:23 GMT，Brian写道：

On Sun, 01 Feb 2004 16:04:23 GMT, Brian wrote:

与Mozilla dom检查员一起看，事情已经发生了变化。我看到meny第2层和第3层的框不包含任何文字，但
重叠了内容。你想要什么？你想要菜单在哪里？
你在使用很多位置：绝对。这比你想象的更复杂。保持简单（亲吻）。


非常感谢您所遇到的麻烦。真的很感激，但是

无法理解你对Mozilla菜单图层的意思不是

包含任何文字。


我有Mozilla 1.5作为我的标准浏览器，它是 - 唉！ - 唯一的

浏览器内容按预期显示。


我试着保持简单，相信你我！

不要滥用表格进行布局


我确实考虑过这一点，但它并不同意另一个公理：保持

简单的事情...... 。

选择颜色以获得更大的对比度（灰白色很难阅读

A look with Mozilla dom inspector suggests that things have gone awry. I
see boxes for meny layer 2 and 3 not containing any text, but
overlapping the content. What do you want? Where do you want the menus?
You''re using lots of position: absolute. That is more complicated than
perhaps you realize. Keep it simple (kiss).
Thank you very much for the trouble you took. Really appreciate it, but
cannot understand what you mean about menu layers in Mozilla not
containing any text.

I have Mozilla 1.5 as my standard browser and it is - alas! - the only
browser things show up in as intended.

I try to keep things simple, believe you me!
don''t misuse tables for layout
I did consider that, but it doesn''t agree with the other axiom: keeping
things simple...
do choose colors for a greater contrast (grey on white is difficult to
read

好​​点。我会重新考虑因为你的评论。这只是一个

测试布局。请注意：它不是一个商业网站，而是一个信息性的b $ b $针对一个非常特定的群体 - 即我的同事。


首先我需要解决菜单问题。你评论我使用

位置绝对：你是对的。我学到了在

特定教程之后的方法，但是没有真正掌握它。另一方面：我确实没有*真的*了解大多数有用的东西！


再次感谢，我会我试着保持简单，同时试图找出原因

你在menulayer 2和3中看不到任何文字。

-

Groet，Adriana。 [如果你想通过电子邮件联系我，请扔掉垃圾]

Good point. I will reconsider because of your comment. This is only a
test-layout. Mind you: it is not a commercial site, but an informational
one targeted at a very specific group - i.e. my colleagues.

First I need to address the menu-problem. You remark on my usage of
position absolute: you are right. I learnt that method following a
particular tutorial, but do not really grasp it. On the other hand: I do
not *really* understand most of the things that do work!

Thanks again, I''ll try and keep things simple, while trying to find out why
you don''t see any text in menulayers 2 and 3.
--
Groet, Adriana. [throw rubbish out if you want to reach me by e-mail]

A.Translator写道：

A.Translator wrote:

2004年2月1日，星期日， Brian写道：

On Sun, 01 Feb 2004, Brian wrote:

与Mozilla dom检查员一起看，事情已经消失了。我看到meny第2层和第3层的框不包含任何文本，
但重叠了内容。你想要什么？你想在哪里菜单？你在使用很多位置：绝对。这比你意识到的更复杂。保持简单（亲吻）。
但无法理解你对Mozilla菜单层的意思
不包含任何文本。

我有Mozilla 1.5作为我的标准浏览器，它是 - 唉！ -
只有浏览器按预期显示。

A look with Mozilla dom inspector suggests that things have gone
awry. I see boxes for meny layer 2 and 3 not containing any text,
but overlapping the content. What do you want? Where do you want
the menus? You''re using lots of position: absolute. That is more
complicated than perhaps you realize. Keep it simple (kiss).
but cannot understand what you mean about menu layers in Mozilla
not containing any text.

I have Mozilla 1.5 as my standard browser and it is - alas! - the
only browser things show up in as intended.

仅供参考，我正在使用Mozilla 1.3 / Win2k。

FYI, I''m using Mozilla 1.3/Win2k.

不要滥用表格进行布局

我确实考虑过这一点，但它并不同意另一个公理：
保持简单...

I did consider that, but it doesn''t agree with the other axiom:
keeping things simple...

我不同意。嵌套表（我记得3层深）不是简单的b $ b。我看到的是左侧的导航，以及

右侧的内容。这是2个div元素。如果你想要一些导航

以上内容（我看不到的菜单），再加上第三个。


转储所有表格标记。如果您需要

，请将导航放入div或几个div中。将内容放在一个单独的div中。验证你的html

（你没有在你的图像上指定alt，但是否则代码

似乎可以快速检查）。在那之后，开始处理您的

定位/花车等。

我会尽量保持简单，同时试图找出你为什么不穿在menulayer 2和3中看不到任何文字。

I beg to differ. Nested tables (3 layers deep, as I recall) is not
simple. What I saw was a navigation on the left, and content on the
right. That''s 2 div elements. Plus a 3rd if you want some navigation
above the content (the menus that I cannot see).

Dump all the table markup. Put the nav in a div, or in several divs if
you need to. Put the content in a separate div. Validate your html
(you don''t have alt specified on your images, but otherwise the code
seems ok on quick inspection). After that, start working on your
positioning/floats etc.
I''ll try and keep things simple, while trying to find out why you
don''t see any text in menulayers 2 and 3.

如果你有Mozilla，请打开dom检查器（ctrl-shift-i）。选择

divs并观看边框闪烁。这应该可以帮助您排除故障。


-

Brian（按照我的地址中的说明给我发电子邮件）
http://www.tsmchughs.com/

If you have Mozilla, open the dom inspector (ctrl-shift-i). Select
divs and watch the borders blink. That should help you troubleshoot.

--
Brian (follow directions in my address to email me)
http://www.tsmchughs.com/

这篇关于ul中的text-align的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！