Question

所以我可能有一个简单的问题要回答......

我正在使用网站fairhopemicrocottages.com，以及＆＃34;关于＆＃34;页面，使用＆＃34; li＆＃34;标签未正确对齐。

我希望子弹点在第一个单词上，而不是在2个句子的中间。很烦人。

这肯定是因为我从我找到的另一个网站上获取了这个网站设计，并且围绕CSS工作，但无法编辑CSS。（或者我可以吗？）

如果有人可以帮我解决这个问题，那就太棒了！谢谢！

奖金问题：在首页上，我喜欢我发现的图片，但是它与导航栏文字和我的图片没有很好的融合，对于像我父母这样的老人来说很难看到文字。

是否有工作要将顶部的那部分颜色改为黑色？这样可以轻松阅读文字和图像吗？

Answer 1

样式表中的第56行是这样的：

li {
    background: black url("../img/list.png") no-repeat scroll left center;
}

将其更改为顶部，然后将其向上移动：

background: black url("../img/list.png") no-repeat scroll left top;

但那对你的不好 - 他们太高了，所以设置一个特定的顶部就像这样：

background: url("../img/list.png") no-repeat scroll left 10px;

要解决顶部导航中的问题，将其更改为黑色，只需在该部分添加背景：

#slideshow header, .black header {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
    position: relative;
    z-index: 10;
    background: black;
}

Answer 2

您正在使用自定义背景替换默认列表项目符号，并且该背景具有居中位置，因此：

li { background: url("../img/list.png") no-repeat left 11px; }

将left center替换为left 11px，您的项目符号将显示在您希望的位置。

Answer 3

此外，您可以通过更改样式来解决此问题：

添加此样式：

ul {
  list-style: url("../img/list.png");
}

删除此样式：

li {
  background: url("../img/list.png") no-repeat left center;
}

未列出所列物品的子弹点

3 个答案: