X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Div - с чем его едят?
Inesa
Inesa
Topic Starter сообщение 17.9.2007, 23:46; Ответить: Inesa
Сообщение #1


Ответьте, плиз, чайнику. (Первый сайт)
Использую div вместо табличного дизайна - рекомендовали именно эту технологию.

1 - можно ли "дивами" также как таблицами создавать резиновость? Пока смогла только таблицами добиться нужного результата.

2 - почему в шаблонах встречаются незакрытые "дивы" - допустимо ли такое?

3 - главное меню состоит из 10 кнопок, каждая по 10pxl в высоту. Общая высота меню должна быть 100pxl. Но несмотря на тщательно проверенные стили откуда-то вылазят непонятные отступы и меню не укладывается в дизайн( Чего не происходило с таблицами. В чем может быть проблема?

4 - как сделать вертикальную заливку ("резиновую") до низа экрана повторяющимся фоном. Например под столбиком главного меню? Можно ли не пользоваться при этом таблицей?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 18.9.2007, 1:35; Ответить: Webmaster_hb
Сообщение #2


(Inesa @ 18.9.2007, 02:46) *
Ответьте, плиз, чайнику. (Первый сайт)
Использую div вместо табличного дизайна - рекомендовали именно эту технологию.

новичку посоветовал бы разобраться сначала на примерах табличной верстки
(Inesa @ 18.9.2007, 02:46) *
1 - можно ли "дивами" также как таблицами создавать резиновость? Пока смогла только таблицами добиться нужного результата.

да, можно
(Inesa @ 18.9.2007, 02:46) *
2 - почему в шаблонах встречаются незакрытые "дивы" - допустимо ли такое?

большинство браузеров закрывают на это глаза, но советую закрывать, вам же понятнее будет
(Inesa @ 18.9.2007, 02:46) *
3 - главное меню состоит из 10 кнопок, каждая по 10pxl в высоту. Общая высота меню должна быть 100pxl. Но несмотря на тщательно проверенные стили откуда-то вылазят непонятные отступы и меню не укладывается в дизайн( Чего не происходило с таблицами. В чем может быть проблема?

приведите пример кода - тогда и можно указать на ошибку
(Inesa @ 18.9.2007, 02:46) *
4 - как сделать вертикальную заливку ("резиновую") до низа экрана
повторяющимся фоном. Например под столбиком главного меню? Можно ли не пользоваться при этом таблицей?


непонятно как заливка может быть резиновой и одновременно образовываться повторяющимся фоном
покажите пример на картинке нарисованной в редакторе
можно ли не пользоваться таблицей - скорее всего да
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ritic
ritic
сообщение 18.9.2007, 1:50; Ответить: ritic
Сообщение #3


3.Например, в бордюрах к div'ам - их толщина прибавляется к размеру блока, или какие-нить отступы. Вообще, лучше вначале всегда задавать все отступы в документе равными 0, а потом в случае необходимости, прописывать их явно для нужного тега
4.Можно так
<style>
<!--
body,html {
height:100%;
}
.div1 {
width:100px;
height:100%;
background-image:url('picture.jpg');
}
-->
</style>
...
<body>
<div class="div1">Содержание</div>
</body>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Inesa
Inesa
Topic Starter сообщение 18.9.2007, 3:43; Ответить: Inesa
Сообщение #4


(Webmaster_hb @ 18.9.2007, 04:35) *
новичку посоветовал бы разобраться сначала на примерах табличной верстки

согласна, но у меня таблицы слишком громоздкие выходят по 30 ячеек.:wacko: Сайт строю, потроша шаблоны дримвьювера - а там уже таблицы не в ходу, хотя мне с ними проще.

(Webmaster_hb @ 18.9.2007, 04:35) *
приведите пример кода - тогда и можно указать на ошибку

привожу:

<div id="pageNav">
<div id="sectionLinks">

<a href="bel.htm" onmouseover="change('btn_bel','images/btn_bel_hover.gif');" onmouseout="change('btn_bel','images/btn_bel.gif');" onMouseDown="change('btn_bel','images/btn_bel_pressed.gif');">
<img name="btn_bel" src="images/btn_bel.gif" width="195" height="10" border="0" alt=""></a>

<a href.... аналогичные 9 кнопок </a></div></div>

При этом в стилях pageNav и sectionLinks всевозможные отступы равны 0 или отсутствуют.


А под вертикальной заливкой я имела ввиду ячейку, которая залита, например квадратиками, или просто цветом. При открытии страницы на экране с любым разрешением эта заливка будет упираться в нижний край окна без появления полосы прокрутки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Inesa
Inesa
Topic Starter сообщение 18.9.2007, 4:05; Ответить: Inesa
Сообщение #5


(ritic @ 18.9.2007, 04:50) *
Можно так
<style>
<!-- ...

смотрится многообещающе, но пока не получилось.

1. Это же вписывается в сам документ html или надо дублировать в таблице стилей ?

2. Можно вписывать внутрь таблицы с % шириной ячеек (у меня все потеряли резиновость)? Или процент можно задавать каждой <div id=... align="%"> ?

3. А насколько вообще оправдано вкладывание таблиц внутрь дивов, как часто вижу в примерах? Или стоит этого избегать из-за громоздкости?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Inesa
Inesa
Topic Starter сообщение 18.9.2007, 10:05; Ответить: Inesa
Сообщение #6


Упрощу вопрос.
Можно ли сделать, как показано на картинке?
схема вроде простая, но никак не удается добиться "резиновости" второй таблицы.
В ней много строк и ячеек, поэтому и пробовала через div безуспешно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 18.9.2007, 10:24; Ответить: Webmaster_hb
Сообщение #7


вот пример
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000" width="100%" height="100" bgcolor="#C8D6E3">
<tr>
<td width="100" nowrap>1</td>
<td width="100" nowrap>2</td>
<td width="100%">3</td>
<td width="150" nowrap>4</td>
</tr>
</table>
<br>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000" width="100%" height="100">
<tr>
<td width="30%" bgcolor="#D3C9E2">5</td>
<td width="70%">
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000" width="100%" height="100" bgcolor="#CBE4C7">
<tr>
<td width="100%">6</td>
<td width="100" nowrap>7</td>
</tr>
</table>
</td>
</tr>
</table>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Inesa
Inesa
Topic Starter сообщение 18.9.2007, 10:40; Ответить: Inesa
Сообщение #8


Супер, пока табличка чистая (без кучи содержимого) - все легко и понятно.
Тогда имеет-ли смысл остановиться только на табличном сайте?
А то сутки ушли на победное растягивание 1 страницы с помощью стилей и дивов.
Вкладывание таблиц одна в одну допускается в неограниченном количестве?

И еще - можно ли упростить работу кнопок меню (никаких скриптов, чтобы еще месяц не потерять), дабы не требовалось обращение к ActiveX?
Или так просто не принято уже?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 18.9.2007, 11:37; Ответить: Webmaster_hb
Сообщение #9


(Inesa @ 18.9.2007, 13:40) *
Супер, пока табличка чистая (без кучи содержимого) - все легко и понятно.
Тогда имеет-ли смысл остановиться только на табличном сайте?
А то сутки ушли на победное растягивание 1 страницы с помощью стилей и дивов.
Вкладывание таблиц одна в одну допускается в неограниченном количестве?

И еще - можно ли упростить работу кнопок меню (никаких скриптов, чтобы еще месяц не потерять), дабы не требовалось обращение к ActiveX?
Или так просто не принято уже?

вкладывание таблиц безграничное число раз
а что за кнопки меню? для чего для них использовать ActiveX?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Inesa
Inesa
Topic Starter сообщение 18.9.2007, 12:13; Ответить: Inesa
Сообщение #10


Пример кнопки
<a href="catalog.htm" onmouseover="change('btn_catalog','images/btn_catalog_hover.gif');" onmouseout="change('btn_catalog','images/btn_catalog.gif');" onMouseDown="change('btn_catalog','images/btn_catalog_pressed.gif');">
<img name="btn_catalog" src="images/btn_catalog.gif" align="top" width="195" height="27" border="0"></a>

Динамика кнопки позаимствована вместе со стилями и некими скриптами вверху документа. И каждый раз при открытии документ предупреждает об опасности ActiveX.
Если вставляю без всего "хозяйства" - кнопка не работает.


Разобралась почему не "складывалось" меню из кнопок в нужный размер.
Стояло выравнивание
<img name="..." src="..." width="195" alt=""
заменила alt="" на align="top" - и все сложилось.

Выравнивание - самое страшное в таблицах для меня.
Куда бы не вставляла align="top" - все-равно элементы располагаются по центру даже в IE. Бывают какие-нибудь насильственные привязки? Чтобы таблица расползалась только вниз, например.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыТы умеешь лить траф с FB? Мы монетизируем его через Телеграм на ИНДИИ.
0 Sirbet 491 14.2.2023, 21:39
автор: Sirbet
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1529 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Чем принимать драм или доллар
драм - национальная валюта Армении
2 GigArt 1278 1.4.2022, 19:17
автор: GigArt
Открытая тема (нет новых ответов) Чем монетизировать посетителей без определенной тематики и широким гео?
16 Mansurka 3069 11.7.2021, 15:25
автор: kuprum
Открытая тема (нет новых ответов) Ищу прогонщика с возможностью выборки Domain Rating (DR) по его базе.
0 regem 4546 25.5.2020, 3:12
автор: regem


 



RSS Текстовая версия Сейчас: 19.3.2024, 7:33
Дизайн