2013-03-10 4 views
0

Я в настоящее время активно настраиваю один из этих заранее подготовленных форумов, и одна из вещей, которую я пытаюсь сделать, - это заменить графику онлайн или офлайн чем-то else и переместить их, чтобы вместо того, чтобы располагаться в конце имени пользователя, он расположен в левом углу этой части сообщения.Выравнивание изображения на краю ячейки таблицы

Мое намерение состояло в том, чтобы получить код img в тегах div, присвоенный стилем float:left, и position:absolute (необходимо использовать абсолютное значение, в противном случае другие элементы, такие как имя пользователя и аватар, будут отцентрированы). В настоящее время, это то, что у меня есть:

http://img849.imageshack.us/img849/6357/18555863.gif

Как вы можете видеть, как представляется, своего рода дополнения или маржи, что я не смог пройти. Я попытался добавить стиль в div для margin:0px, padding:0px, left:0px и top:0px, но ни один из них не смог переместить изображение в нужное место (то есть, чтобы закрыть этот промежуток между краями изображения и границей ячейки таблицы).

ответ

0

Вы можете попробовать присвоить изображение с отрицательным отрывом.

img{ 
margin-left: -10px; 
margin-top: -10px; 
} 
+0

Я боюсь, что изображение исчезло полностью, когда я применил это. – Hiigaran

+0

Ой, подождите, я применил это к div, а не к изображению. Тем не менее, с ним в нужном месте, никаких изменений нет. Изображение все еще застряло в том же месте. – Hiigaran

+0

Попробуйте установить margin-top: и margin-left: в отрицательные значения, а не только сверху: и слева: –

Смежные вопросы