我的<ul>项目中的项目符号都是右对齐的</ul>

时间:2015-03-02 16:47:05

标签: html css html-lists

我试图向具有无序列表属性的网页添加内容,但由于某种原因,列表中的第一个行为奇怪。出于某种原因,它将光盘放在句子之后而不是之前,而不仅仅是之后,而是完全位于页面右侧;以下内嵌样式确实可以正常工作。

奇怪的是,在Dreamweaver中它看起来是正确的,如果我在在线编辑器(http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_lists4)中尝试它,它也会显示出来,但是如果我将它上传到页面然后我开始表现得很奇怪。

<ul style="list-style-type:disc">
  <li>de problemen die u heeft</li>
  <li>wat u graag ziet wat er verandert</li>
  <li>of u andere therapieën, trainingen en/of activiteiten u volgt</li>
  <li>of u medicijnen krijgt, en zo ja welke</li>
  <li>of u tijdens uw behandeling kunt en wilt werken</li>
  <li>verslaglegging  evaluatie.</li>
</ul>

这是清单。我添加了它的样式,因为我认为这是问题,但后来我发现它只是出现在第一句话后面。

我的代码稍微进一步,我有另一个列表,而且它甚至不会显示为列表。

<ul>
<li>Intakegesprek-  gratis*</li>
<li>Stress  counseling - 1 uur - € 45,00</li>
<li>Combinatie  stress-counseling / ontspanningsmassage 1,5 uur - € 65,00</li>
</ul>

你们对可能出现的问题有任何想法吗?

编辑:这是css代码:

/* CSS Document */
body{
    padding: 0px;
    margin: 0px;
    background: #fffbff;
    color: #6F6F00;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
}

div, p, ul, h2, h3, h4, {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#prijs{
    padding: 0px;
    margin: 0px;
    background: #fffbff;
    color: #6F6F00;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
}

#welcome h2{
    width: 470px;
    height: 35px;
    background: url(../images/h_welcome.gif) 0 0 no-repeat;
    position: relative;
    margin-bottom: 16px;
    border-bottom: #d1cfd1 1px solid;
    background-image: url(../images/h_welcome.gif);
}

#hotstone {
    width:485;
    height:275;
}

.mailto2 {
    color:#6F6F00; 
    text-decoration:none;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
}
.mailto2 A:link {text-decoration: none}
.mailto2 A:visited {text-decoration: none}
.mailto2 A:active {text-decoration: none}
.mailto2 A:hover {text-decoration: underline;}

a:link {text-decoration:none;
font-size:14px;
font-family:Arial;
line-height:14px;
color: #6F6F00}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

1 个答案:

答案 0 :(得分:1)

试试这个:

<ul style="list-style-position:inside;list-style-type:disc;">
  <li>de problemen die u heeft</li>
  <li>wat u graag ziet wat er verandert</li>
  <li>of u andere therapieën, trainingen en/of activiteiten u volgt</li>
  <li>of u medicijnen krijgt, en zo ja welke</li>
  <li>of u tijdens uw behandeling kunt en wilt werken</li>
  <li>verslaglegging  evaluatie.</li>
</ul>

如果仍然无效,请尝试为LI元素添加相同的样式。