html - 所列元素的元素符号点未对齐

Question

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

我正在网站上工作 fairhopemicrocottages.com ，并且在“关于”页面上，使用“li”标签的元素符号点未正确对齐。

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

这肯定是因为我从我发现的另一个网站上获取了这个网站设计，并围绕 CSS 进行了工作，但无法编辑 CSS。 (或者我可以吗？)

如果有人能帮我解决这个问题，那就太好了!谢谢!

奖励问题:在首页上，我喜欢我找到的图片，但是它与导航栏文本和我的图像融合得不好，对于像我 parent 这样的老人来说，文本很难看到。

是否有解决方法可以将顶部该部分的颜色更改为黑色？只是为了让文字和图片更容易阅读？

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;

但这对你的 li 不好 - 它们太高了，所以像这样设置一个特定的顶部:

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;
}