Перейти к содержимому


Простой Вопрос: Убрать Отступы В Таблице


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Sigareta.tv

Sigareta.tv

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 93 сообщений

Отправлено 04 Ноябрь 2012 - 23:10

Сделал таблицу 3х3. В центральной ячейке слайдер-ротатор nivo. Три верхние ячейки объединены в одну, три нижние тоже. Но никак не могу убрать отступы, которые всё портят.
Сделал тестовую страницу файл html на своем компьютере. Там никаких лишних отступов не появляется. Скопировал на storelend - появились отступы. Убрал слайдер вообще - всё равно отступы не исчезли.
Подскажите чем storeland отличается от обычного HTML в таблицах? Почему разница то?

Ссылка на проблемную страницу - Слайдер

Полностью весь код страницы, кроме этого в HTMLе страницы больше ничего нет.
<p>тут</p>
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr style="height: 213px;" align="left" valign="top">
<td colspan="3" align="left" valign="top"><img style="margin: 0px;" src="http://files.storeland.ru/web/upload/sitefiles/3/280/279022/tv1.jpg" alt="tv1" /></td>
</tr>
<tr style="height: 310px;" align="left" valign="top">
<td style="height: 310px; width: 238px;" align="left" valign="top"><img style="margin: 0px;" src="http://files.storeland.ru/web/upload/sitefiles/3/280/279023/tv2.jpg" alt="tv2" /></td>
<td style="height: 310px; width: 547px; background-color: #000000;" align="left" valign="top">
<div id="slider">
<div><img src="http://files.storeland.ru/web/upload/sitefiles/3/280/279106/kadr2.jpg" alt="" /></div>
<div><img src="http://files.storeland.ru/web/upload/sitefiles/3/280/279105/kadr1.jpg" alt="" /></div>
</div>
</td>
<td style="height: 310px;" align="left" valign="top"><img style="margin: 0px;" src="http://files.storeland.ru/web/upload/sitefiles/3/280/279024/tv3.jpg" alt="tv3" /></td>
</tr>
<tr style="height: 248px;" align="left" valign="top">
<td colspan="3" align="left" valign="top"><img style="margin: 0px;" src="http://files.storeland.ru/web/upload/sitefiles/3/280/279025/tv4.jpg" alt="tv4" /></td>
</tr>
</tbody>
</table>
<script type="text/javascript">// <![CDATA[
 $(window).load(function() {
 $('#slider').nivoSlider({
 effect:'fold',
controlNavThumbs:true,
controlNav:false,
 });
 });
// ]]></script>


#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 06 Ноябрь 2012 - 14:07

Попробуйте для верхней и нижней картинке указать минусовое значение. Первый tr:
<tr style="height: 213px;" align="left" valign="top">
<td colspan="3" align="left" valign="top"><img style="margin: 0px; margin-bottom: -3px;" src="http://files.storeland.ru/web/upload/sitefiles/3/280/279022/tv1.jpg" alt="tv1"></td>
</tr>
margin-bottom - отступ снизу.

Третий tr:
<tr style="height: 248px;" align="left" valign="top">
<td colspan="3" align="left" valign="top"><img style="margin: 0px; margin-top: -3px;" src="http://files.storeland.ru/web/upload/sitefiles/3/280/279025/tv4.jpg" alt="tv4"></td>
</tr>


margin-top - отступ сверху.

#3 Sigareta.tv

Sigareta.tv

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 93 сообщений

Отправлено 06 Ноябрь 2012 - 18:16

Koderhan, большое человеческое спасибо, это помогло :) Правда -2 надо было сделать, а не -3, но догадался :)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных