| |
 2.8 Кб |
|
| | На странице имеется маркерованнный список, код которого приведен ниже, а скриншот результата испольнения во вложении.
Непонятно, почему маркеры начинаются не там, где начинается немаркерованный текст?
И каким образом можно уменьшить расстояние между маркером и началом маркированного текста?
<style>
html, body {
margin: 0;
padding: 0;
}
/* ТЕКСТ И ССЫЛКИ С НЕГО */
.text_p,
.text_p li {text-indent:7%; padding-left: 0px;}
.text_p ul { list-style-type: square; text-indent:10%; }
.text_p ol {list-style-type: decimal; text-indent:0.2%;}
</style>
</head>
<body>
<div class="text_p">
<p>Это просто текст.</p>
<ul>
<li>один</li>
<li>два</li>
</ul>
<ol>
<li>номер 1</li>
<li>номер 2</li>
</ol>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(01.02.2014 в 22:00)
| | | 1) убрать: "text-indent:"
2) расстояние от маркера до текста тут: li { padding-left: 0px; } | |
| |
|
|
| |
3 Кб |
|
| |
для: Jaroslav
(01.02.2014 в 22:17)
| | | Все убрано
.text_p,
.text_p li {padding-left: 0px;}
.text_p ul { list-style-type: square; }
.text_p ol {list-style-type: decimal; }
|
Все равно текст и список начинаются неодинаково (скриншот).
Расстояние от левого края до маркера чем определяется? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(01.02.2014 в 22:30)
| | |
<style>
html, body {
margin: 0;
padding: 0;
}
/* ТЕКСТ И ССЫЛКИ С НЕГО */
.text_p p {padding-left: 24px;}
.text_p li {padding-left: 0px;}
.text_p ul { list-style-type: square; margin:0px; padding:0px; padding-left:40px; }
.text_p ol { list-style-type: decimal; margin:0px; padding:0px; padding-left:40px; }
</style>
</head>
<body>
<div class="text_p">
<p>Это просто текст.</p>
<ul>
<li>один</li>
<li>два</li>
</ul>
<ol>
<li>номер 1</li>
<li>номер 2</li>
</ol>
</div>
|
| |
| |
|
|
| |
3.1 Кб |
|
| |
для: Jaroslav
(01.02.2014 в 22:57)
| | | Спасибо, в принципе дело прояснилось!
Вот так поведение вполне прогнозируемое (скриншот):
.text_p {padding-left: 0px; }
.text_p li {padding-left: 0px; padding-left: 100px}
.text_p ul {list-style-type: square; padding-left:8px;}
.text_p ol {list-style-type: decimal; padding-left:10px;}
|
Непонятка одна: если сделать padding-left меньше 8 пикселей, то маркер уходит за край экрана.
Вот почему так получается? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(01.02.2014 в 23:02)
| | | Вот не знаю, всегда так. По умолчанию списки чуть сдвинуты правее. Поэтому, чтобы выровнять по тексту - приходится извращаться со сдвигами. | |
| |
|
|
