Помощник
|
Div - с чем его едят? |
Inesa
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
18.9.2007, 1:35;
Ответить: Webmaster_hb
Сообщение
#2
|
|
Ответьте, плиз, чайнику. (Первый сайт) Использую div вместо табличного дизайна - рекомендовали именно эту технологию. новичку посоветовал бы разобраться сначала на примерах табличной верстки 1 - можно ли "дивами" также как таблицами создавать резиновость? Пока смогла только таблицами добиться нужного результата. да, можно 2 - почему в шаблонах встречаются незакрытые "дивы" - допустимо ли такое? большинство браузеров закрывают на это глаза, но советую закрывать, вам же понятнее будет 3 - главное меню состоит из 10 кнопок, каждая по 10pxl в высоту. Общая высота меню должна быть 100pxl. Но несмотря на тщательно проверенные стили откуда-то вылазят непонятные отступы и меню не укладывается в дизайн( Чего не происходило с таблицами. В чем может быть проблема? приведите пример кода - тогда и можно указать на ошибку 4 - как сделать вертикальную заливку ("резиновую") до низа экрана повторяющимся фоном. Например под столбиком главного меню? Можно ли не пользоваться при этом таблицей? непонятно как заливка может быть резиновой и одновременно образовываться повторяющимся фоном покажите пример на картинке нарисованной в редакторе можно ли не пользоваться таблицей - скорее всего да |
|
|
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
|
Сообщение
#4
|
|
новичку посоветовал бы разобраться сначала на примерах табличной верстки согласна, но у меня таблицы слишком громоздкие выходят по 30 ячеек.:wacko: Сайт строю, потроша шаблоны дримвьювера - а там уже таблицы не в ходу, хотя мне с ними проще. приведите пример кода - тогда и можно указать на ошибку привожу: <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
|
Сообщение
#5
|
|
Можно так <style> <!-- ... смотрится многообещающе, но пока не получилось. 1. Это же вписывается в сам документ html или надо дублировать в таблице стилей ? 2. Можно вписывать внутрь таблицы с % шириной ячеек (у меня все потеряли резиновость)? Или процент можно задавать каждой <div id=... align="%"> ? 3. А насколько вообще оправдано вкладывание таблиц внутрь дивов, как часто вижу в примерах? Или стоит этого избегать из-за громоздкости? |
|
|
Inesa
|
Сообщение
#6
|
|
Упрощу вопрос.
Можно ли сделать, как показано на картинке? схема вроде простая, но никак не удается добиться "резиновости" второй таблицы. В ней много строк и ячеек, поэтому и пробовала через div безуспешно. |
|
|
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
|
Сообщение
#8
|
|
Супер, пока табличка чистая (без кучи содержимого) - все легко и понятно.
Тогда имеет-ли смысл остановиться только на табличном сайте? А то сутки ушли на победное растягивание 1 страницы с помощью стилей и дивов. Вкладывание таблиц одна в одну допускается в неограниченном количестве? И еще - можно ли упростить работу кнопок меню (никаких скриптов, чтобы еще месяц не потерять), дабы не требовалось обращение к ActiveX? Или так просто не принято уже? |
|
|
Webmaster_hb |
18.9.2007, 11:37;
Ответить: Webmaster_hb
Сообщение
#9
|
|
Супер, пока табличка чистая (без кучи содержимого) - все легко и понятно. Тогда имеет-ли смысл остановиться только на табличном сайте? А то сутки ушли на победное растягивание 1 страницы с помощью стилей и дивов. Вкладывание таблиц одна в одну допускается в неограниченном количестве? И еще - можно ли упростить работу кнопок меню (никаких скриптов, чтобы еще месяц не потерять), дабы не требовалось обращение к ActiveX? Или так просто не принято уже? вкладывание таблиц безграничное число раз а что за кнопки меню? для чего для них использовать ActiveX? |
|
|
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. Бывают какие-нибудь насильственные привязки? Чтобы таблица расползалась только вниз, например. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Ты умеешь лить траф с FB? Мы монетизируем его через Телеграм на ИНДИИ. | 0 | Sirbet | 507 | 14.2.2023, 21:39 автор: Sirbet |
|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1593 | 14.1.2023, 1:16 автор: xweb |
|
Чем принимать драм или доллар драм - национальная валюта Армении |
2 | GigArt | 1308 | 1.4.2022, 19:17 автор: GigArt |
|
Чем монетизировать посетителей без определенной тематики и широким гео? | 16 | Mansurka | 3159 | 11.7.2021, 15:25 автор: kuprum |
|
Ищу прогонщика с возможностью выборки Domain Rating (DR) по его базе. | 0 | regem | 4565 | 25.5.2020, 3:12 автор: regem |
Текстовая версия | Сейчас: 18.4.2024, 16:05 |