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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вопрос о вёрстке на таблицах 
V
    Опции темы
TheCreator
Дата 14.5.2006, 21:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.5.2006

Репутация: нет
Всего: нет



Здравствуйте, 
вот появился такой вопрос:
Когда я верстаю страничку на таблицах вот так:
Код

<Table Width="175" cellspacing="0" cellpadding="0" border="0">
                                        <TR valign="top">
                                            <TD>
                                                 <Img src="Button_1.gif">
                                            </TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD>
                                                 <Img src="Button_2.gif">
                                            </TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD>
                                                <Img src="Button_3.gif">
                                            </TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD>
                                                <Img src="Button_4.gif">
                                            </TD>
                                        </TR>
                                  </Table>

То в Internet Explorer кнопки не соеденяються то есть между ними появляються пробелы, а вот если так:
Код

<Table Width="175" cellspacing="0" cellpadding="0" border="0">
                                        <TR valign="top">
                                            <TD><Img src="Button_1.gif"></TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD><Img src="Button_2.gif"></TD>
                                        </TR>
                                        <TR valign="top">
                                           <TD><Img src="Button_3.gif"></TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD><Img src="Button_4.gif"></TD>
                                        </TR>
                                  </Table>

То есть <TD> и </TD> плотно прилягают к тегу <IMG> тогда всё нормально отображаеться!
Скажите пожалуйста из-за чего такое бывает и можно ли это избежать ещё каким небудь способом если да то каким!?
Заранее большое спасибо!!! 
PM MAIL   Вверх
Illuminaty
Дата 14.5.2006, 21:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

Репутация: 25
Всего: 56



Так получается потому, что IE интерпретирует любые пустее символы (пробел, перевод строки и тп) между тегами как текстовый узел. Соответственно, он его и отображает (в результате получается пробел).

Можно это избежать, если верстать зная это.

Удачи! 
PM MAIL ICQ   Вверх
TheCreator
Дата 14.5.2006, 22:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.5.2006

Репутация: нет
Всего: нет



Большое спасибо всё понятно!!! 
PM MAIL   Вверх
R.M.
Дата 15.5.2006, 09:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30



TheCreator, не обязательно убирать пробелы. Достаточно после <img> поставить <br> 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
TheCreator
Дата 15.5.2006, 13:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.5.2006

Репутация: нет
Всего: нет



2 Куксикус,
Спасибо но не мог бы ты обьяснить почему срабатывает <BR> возле <IMG>? Или где можно почитать про это?
  

Это сообщение отредактировал(а) TheCreator - 15.5.2006, 13:50
PM MAIL   Вверх
R.M.
Дата 15.5.2006, 13:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30



Он не срабатывает если писать так <img><br> 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
TheCreator
Дата 15.5.2006, 14:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.5.2006

Репутация: нет
Всего: нет



Я написал вот так:
Код

<Table Width="175" cellspacing="0" cellpadding="0" border="0">
             <TR valign="top">
                  <TD>
                         <Img src="Button_1.gif"><BR>
                 </TD>
              </TR>
               <TR valign="top">
                        <TD>
                               <Img src="Button_2.gif"><BR>
                        </TD>
                </TR>
                 <TR valign="top">
                        <TD>
                               <Img src="Button_3.gif"><BR>
                        </TD>
                 </TR>
                 <TR valign="top">
                        <TD>
                               <Img src="Button_4.gif"><BR>
                        </TD>
                  </TR>
</Table>



И всё сработало но может мне кто-то обьяснит почему именно!? 
PM MAIL   Вверх
R.M.
Дата 15.5.2006, 14:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30



TheCreator, я непонимаю о чём ты? расскажи поподробнее. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Illuminaty
Дата 15.5.2006, 14:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

Репутация: 25
Всего: 56



Метод Куксикус'а вносит новою логику в приложение. Новый "перевод строки", который не несет смысловой информации. Поэтому я предлогаю верстать так, чтобы сама верстка несла только ту информацию, которую должна. Посему я при верстке стараюсь (не говорю, что не делаю) не вносить ничего лишнего.
В данном случае, я бы сверстал просто без пустых символов.

Удачи! 
PM MAIL ICQ   Вверх
TheCreator
Дата 15.5.2006, 15:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 7.5.2006

Репутация: нет
Всего: нет



Все большое спасибо!!!

Добавлено @ 15:37 
Цитата

TheCreator, я непонимаю о чём ты? расскажи поподробнее. 

Меня просто интересовало почему именно твой способо работает!
Огромное вам спосибо!!! 
PM MAIL   Вверх
Illuminaty
Дата 15.5.2006, 16:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

Репутация: 25
Всего: 56



Пожалуйста  smile 
Заходи еще.

Удачи! 
PM MAIL ICQ   Вверх
R.M.
Дата 15.5.2006, 16:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30



Illuminaty, ну это впринципе уже дело каждого. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Illuminaty
Дата 15.5.2006, 16:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

Репутация: 25
Всего: 56



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


 




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


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

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