HTML списъци - промяна на отстъпа (разстоянието между точката и текста).

Здравейте!

Сблъсках се с един проблем в списъците на HTML.

Целта ми е да си направя списък, символът отпред да е картинка, но искам да намаля разстоянието между картинката и текста.
Знаете ли някакъв начин да се промени. Много изчетох, но никъде не срещнах нищо за това.
Всъщност не съм сигурна, че може да се прави, но мисля, че е възможно. Би било глупаво ако неможеше.

Ще ви бъда благодарна ако ме насочите, защото вече повтарям едни и същи неща.

До сега не бях използвала списъци.

Дай моля един скрийншот, че нещо не чаткам защо изобщо имаш празно място между картинката и последващия я текст.
Ако модифицираш някакъв създаден преди теб html файл, има вероятност чрез стилове (css) да е зададено отстояние около всички картинки. Може и самата картинка да е с по-големи размери, но част от нея да е прозрачна и така да създава излюзия за празно място между себе си и текста. Но дай да видим файла или поне негова снимка. Можеш тук да пейстнеш кода също така.

Тук е кода за списъка:
<ul><li><a href="index.php?id_c=<?print $id[2][0]; ?>"><? echo $menu[2][0]; ?></a></li><li><a href="index.php?id_c=<? print $id[3][0];?>"><? print $menu[3][0];?></a></li><li><a href="index.php?id_c=<? print $id[4][0];?>"><? print $menu[4][0];?></a></li><li><a href="index.php?id_c=<? print $id[5][0];?>"><? print $menu[5][0];?></a></li><li><a href="index.php?id_c=<? print $id[6][0];?>"><? print $menu[6][0];?></a></li><li><a href="index.php?id_c=<? print $id[7][0];?>"><? print $menu[7][0];?></a></li></ul>

Ето и CSS-а:
ul
{
text-align: left;
list-style: disc url('../images/indent1.png') outside;
margin:10px;
padding: 0px;
}

li
{
margin:0px;
padding: 0px;
}

Като този CSS е променян.

Мен ме интересува на един списък как да му задам например текста да започва веднага след точката или на няколко пиксела от нея. Казвам точка, защото да речем може да не слагам картинка като маркер, а точка или някой от стандартните символи на списъците.

Просто разстоянието ми е много ограничено както на широчина така и на височина и затова искам да намаля разстоянието, защото то и без това много голямо.

Аха, добре, предлагам ти един леко заобиколен начин - да вкараш булетите като background images. Ето код:

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(../images/indent1.png);
background-repeat: no-repeat;
background-position: 0 .4em; //с това нагласяваш булета по вертикала, за да бъде в центъра на реда (или където предпочиташ)
padding-left: .6em; //с това избутваш текста надясно, за да не стои върху булета
}

Тествай и кажи дали върши работа така :)

Само смени
list-style: disc url('../images/indent1.png') outside;
на
list-style: disc url('../images/indent1.png') inside;

и всичко ще си дойде на мястото ;)

Здравей!

Тъкмо го пробвах и стана :).


МНОГО ТИ БЛАГОДАРЯ.

А аз се мъча да намалям отстъпа.