Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> отступы при вёрстке дивом 
:(
    Опции темы
supervladislav
Дата 20.5.2009, 06:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9
подскажите почему появляется лишние пространство в таблице 
Код

<table cellpadding="0" cellspacing="0" align="center"  width="60%"  border="0">
<tr valign="top">
<td align="left">Оборот:</td>
<td align="left">Прибыль:</td>

</tr>
<tr bgcolor="#1FBE19">
<td align="center">1 </td>

<td align="center">2 </td>
</tr>
<tr valign="top">
<td colspan=2 align="center">
<div style="position:relative;top:0px;left:275px; display:block;"><img src="img/1000.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-130px;left:170px;display:block;"><img src="img/120.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-240px;left:60px;display:block;"><img src="img/30.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-350px;left:-50px;display:block;"><img src="img/15.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-470px;left:-170px;display:block;"><img src="img/10.png" width="100px" height="189px"> </div>

<tr>
<td colspan="6" align="right"><form action="" method="post"><input type=text maxlength="7" name="vivid"/><input type="submit" value="перевести"></form></td>
</tr>
<tr>
</td>
<tr>

</table>
PM MAIL   Вверх
ksnk
Дата 20.5.2009, 07:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Может потому, что таблица разрушена? Нужно  чтобы количество ячеек в каждой строке с учетом colspan'ов было равно. Для исправления "грязной" таблицы хорошо подходит ДримВейвер. 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
supervladislav
Дата 20.5.2009, 09:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9
вроде исправил но ничего не изменилось 
Код

<table cellpadding="0" cellspacing="0" align="center"  width="60%"  border="0">
<tr valign="top">
<td align="left">Оборот:</td>
<td align="left">Прибыль:</td>

</tr>
<tr bgcolor="#1FBE19">
<td align="center">1 </td>

<td align="center">2 </td>
</tr>
<tr valign="top">
<td colspan=2 align="center">
<div style="position:relative;top:0px;left:275px; display:block;"><img src="img/1000.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-130px;left:170px;display:block;"><img src="img/120.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-240px;left:60px;display:block;"><img src="img/30.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-350px;left:-50px;display:block;"><img src="img/15.png" width="100px" height="189px"> </div>
<div style="position:relative;top:-470px;left:-170px;display:block;"><img src="img/10.png" width="100px" height="189px"> </div>

</td>
</tr>
<tr>
<td colspan="2" align="right"><form action="" method="post"><input type=text maxlength="7" name="vivid"/><input type="submit" value="перевести"></form></td>
</tr>




</table>
PM MAIL   Вверх
Veve
Дата 20.5.2009, 09:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 291
Регистрация: 1.1.2005
Где: Латвия, Рига

Репутация: 1
Всего: 13
О каком лишнем пространстве идёт речь, можно уточнить? 
PM MAIL ICQ Skype MSN   Вверх
supervladislav
Дата 20.5.2009, 10:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9
речь идёт о нижнем пространстве )))появляется ниже картинок  и кнопкой ,тоесть в той ячейке где дивы
PM MAIL   Вверх
ksnk
Дата 20.5.2009, 10:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Позиционировать релятивами, да еще и при центрировании - это эквилибристика, результаты которой мы и видим smile

Код

<td align="center" colspan="2">
<div style="position: relative; top: 0 ...

Вот такое нужно заменить на 
Код

<td align="center" colspan="2">
<div style="height:700px; position:relative;">
<div style="position: absolute; width:100px; height:100px; top: ... left: ...">...</div>
...
</div>
</td>

основной смысл - окружаем картинки div с position:relative; Все картинки вставляем с уже установленными размерами, top-left (можно в процентах) и position:absolute...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
supervladislav
Дата 20.5.2009, 13:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9
спасибо а какнить без height 700

Это сообщение отредактировал(а) supervladislav - 20.5.2009, 13:00
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0491 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.