Позиционирование моего стола - PullRequest
0 голосов
/ 14 марта 2012

Я искал способ разместить одну из моих таблиц с изображением. Это немного далеко влево, и мне нужно переместить его вправо. Пока что моя таблица написана так:

<TD>
<IMG SRC='http://farm8.staticflickr.com/7209/6978440877_10b1fcffc4_o.jpg'/> 
</TD>

Что мне нужно добавить? Я попробовал некоторые CSS, как:

position:absolute; z-index:2; left: 50px; top: 1040px;

- но он только появился на странице в виде текста. Что я должен добавить / написать, чтобы я мог контролировать, где я ставлю свою таблицу?

Ответы [ 2 ]

1 голос
/ 14 марта 2012

Когда вы создаете таблицу в HTML, вам, по крайней мере, нужно определить таблицу, строки и ячейки (не уверены, что они у вас уже есть, просто отправьте усеченный код):

<table>
  <tr>
    <td> ... </td>
  </tr>
</table>

Когда вы определяете CSS, он должен быть в нужном месте. У вас есть несколько вариантов. Во-первых, вы можете поместить это в тег в виде:

<table style="attribute:value; attribute:value;">

Или вы можете определить его в <head> (предпочтительно):

<head>
...
<style type="text/css">
table{
  attribute:value;
  attribute:value;

}
</style>
</head>

Наконец, смещение в 1000 пикселей довольно велико. Освойте как относительное, так и абсолютное позиционирование. Абсолютное позиционирование может привести к множеству проблем для начинающих, которые не понимают, как макеты сочетаются в моем опыте.

Надеюсь, это поможет вам начать. Там много хороших ресурсов.

0 голосов
/ 14 марта 2012

Попробуйте использовать следующий стиль для тегов <Body> и <TD>, чтобы удалить левое пространство.

<body style="margin:0; padding:0;">
<TD style="padding-left:0;" >

Если все еще не удается исправить, укажите полный код.

After

Before

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...