Css и html

Я ненавижу css и html.

Хочу сделать так, чтобы отступа в списке сверху не было. То есть после какой-либо строчки шло перечисление (список) и без отступа сверху, при этом слева отступ должен быть сохранен, и снизу должен быть отступ, только сверху не должно быть. Ну как, как это сделать? Все эти padding 0 не помогают. Жесть какая-то.

Надпись на картинке в html

Как сделать так, чтобы надпись была поверх картинки, да еще с нужными отступами — хрен найдешь!


Итак, вот как это сделать. В css запишите:

.tdcontent{
  position:absolute;
  margin-left: 25%;
  margin-right: 20%;
  margin-top: 20%;
  z-index: 5;
}

Где z-index — это номер слоя, чем больше номер, тем он выше лежит. А марджины — это  отступы соответственно.

А в html, где хотите вставить картинку, запишите:

<table border ="0"  cellspacing="0" cellpadding="0" >

    <tr>

        <td>

            <div  style="position:relative;">

                <div class=tdcontent>

                    Надпись.

                </div>

                <img src="../picture.png">

            </div>

        </td>

    </tr>

</table>