Расположение крестика

[casinolot]

Добрый день
Рисую галерею
<ul>
<li><p><img></p><li>
<li><p><img></p><li>
<li><p><img></p><li>
</ul>

к li применяю max-width, max-heigth.

нужно вставить блок с крестиком чтобы он был вверху и справа картинки, что посоветуете

 

[Delfi]

Хотелось бы видеть схематическое объяснение задачи.

Крестик является функциональным? Только он или вся картинка?
Можно воспользоваться псевдоклассом after

ul li img {
position: relative;
}

ul li img:after {
position: absolute;
right: 2px;
top: 2px;
display: block;
content: 'x'
}

Вместо content: 'x', можно сделать content: ' ' и поставить бэкграунд крестика, не забыв тогда указать размер блока с помощью width и height

Если все же крестик - это отдельная кнопка, то тут решения два
1. либо делать такую структуру <li><p><img><span class="cross"></span></p></li>, что не совсем "семантично", да и с навешиванием событий будут бОльшие затраты, чем на один элемент.
2. с помощью js написать небольшой скриптик, который просчитывает положение и размещает крестик на нужное положение.

 

[sarhov]

я так понимаю это крест для чего то нужен ::after не пригоден в этом случае, и по принципу как описал Псевдоним, можно просто лишний <a>, <span> или <div> поставить..примерно так Для просмотра ссылки Войди или Зарегистрируйся