| |
|
|
| | Всем привет, не знаю, как подступиться.
Нужно в span, у которого, допустим, размеры 30х30px внутри вставить вверху с левой стороны, маленькую картиночку 3х3px, чтобы она прилипла в углу этого span'a. В то время как, сам span должен быть обычный, т.е. в него будет выводиться информация и картинка в углу должна быть как бы или выше или ниже слоем.
Что скажете? | |
| |
|
|
| |
|
|
| |
для: grafen
(08.02.2011 в 13:15)
| | | либо
span img {
float: left;
}
|
либо
span img {
position: relative;
z-index: 2;
}
|
| |
| |
|
|
| |
|
|
| |
для: grafen
(08.02.2011 в 13:15)
| | | Обязательно внутри? Самое простое, это назначить эту картиночку фоном этого спана, отключив повторение.
Но я бы сделал так:
span{position:relative} //чтобы дочерние элементы можно было относительно него позиционировать
span img{position: absolute; top:0; left:0}
|
Этот вариант позволяет сколько угодно таких картиночек насовать в спан, полезно например при создании скругленных углов.
Не забыть при этом дать спану такой padding, чтоб на картиночку потом текст не наползал. | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(08.02.2011 в 13:49)
| | | Спасибо за ответы, в моём случае лучше всего подошел фон без повторения! | |
| |
|
|
