dopgroup
Newbie-
Posts
10 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by dopgroup
-
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
Интересное ешение, но косяк в том, что при таком решнии сверху и сеизу будет пустое пространство в 255px, высота верхней и нижней сачтей белой линии -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
Здравствуйте, рамки убрал. в мозилле он все хорошо растягивает, это проблемма только оперы и ие. http://hostcms.dopgroup.ru/ - это случас с таблицами описанными без всяких правил http://hostcms.dopgroup.ru/shop/ - все ворматироване спрятал в классы http://hostcms.dopgroup.ru/articles/ - пробовал отказаться от таблиц и сделал все на div .cont_block { display: table; border-collapse: collapse; border-width: 1px; border-color: #fff; border-style: solid; height: 100%; } .lmenu { display: table-cell; width: 430px; text-align: left; vertical-align: top; } .wline { display: table-cell; width: 20px; height: 100%; top: 0 px; vertical-align: top; } .wtop { display:table-row; min-width: 20px; width: 20px; min-height: 255px; height: 255px; background: url('/images/templ/top_line.png') no-repeat top center; vertical-align: top; } .wcenter { display:table-row; min-width: 20px; width: 20px; min-height: 100px; height: 100px; background: url('/images/templ/center_line.png') repeat-y top center; vertical-align: top; } .wbottom { display:table-row; min-width: 20%; width: 20px; min-height: 255px; height: 255px; background: url('/images/templ/bottom_line.png') no-repeat bottom center; vertical-align: bottom; } .scont { display: table-cell; vertical-align: top; } Во в тором случае все на div , практически все. А в третьем случае полностью отказался от таблиц и перевел на div в разделе полезные статьи. На самом деле перепробовал уже все...... Во в тором случае все на div , практически все. А в третьем случае полностью отказался от таблиц и перевел на div в разделе полезные статьи. На самом деле перепробовал уже все...... -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
я так понял, единственное решение моей проблемы - отказаться от этих полосок. да? -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
Не помогло . Хотя чем больше строк с пробелами, тем длинее полоски -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
Благодарен, что застремали Прочитал про доктайп Таже переписал все в стили, для нагладности моей проблемы. На самом деле с переливанием из пустого в более пустое ничего не вышло. результат на странице http://hostcms.dopgroup.ru/shop/ css код полученных стилей: table { padding:0; margin:0; border-collapse:collapse; } td, th, tr { padding:0; margin:0; border-width: 1px; border-color: #fff; border-style: solid; } .main_table { width: 100%; height: 100%; border-width: 1px; border-color: #fff; border-style: solid; } .main_tr { text-align: center; } .menu { width: 430px; text-align: left; vertical-align: top; } .cont { height: 800; vertical-align: top; } .topline { width: 20px; height: 255px; background: url('/images/templ/top_line.png') no-repeat top center; } .centerline { min-width: 20px; background: url('/images/templ/center_line.png') repeat-y top center; } .bottomline { width: 20px; height: 255px; background: url('/images/templ/bottom_line.png') no-repeat bottom center; } .stroka { height: 255px; width: 100%; } Проблема прежняя. Как растянуть сентральную линию, да и ще во всех браузерах??? -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
Простите, Светлана. Таблицы, лишь один из способов верстки страницы. Можно все на div сделать, но проблема динамического изменения ширины линии не исчезает ни в каком варианте. Я привел два вида кода. А полосы - не моя прихоть, а заказчика, моя бы воля, не делал бы. Но это нужно сделать и как то победить, я не смог найти решения этой проблемы....... -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
Ну как? Есть какие варианты разобраться с этим? -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
а можно мне как ламеру пояснить фразу? Да я делал все в виде классов css, просто на форум вынес в виде стилей, чтобы можно было по коду картинку всю сразу видеть. Проблема в том, что на паре форумов наткнулся на утверждения, будто бы опера плевать ходила на параметр height в процентах. Мне странно, почему такой стандартный тег как table до сих пор не могут правильно отображать все браузеры, но это ладно.... Так реально решить мою задачку???? Я не понимаю разницы представления в стилях и классах (наверное потому что не увидел ее, решая эту задачу и далеко немногие други) и в стили не запихнуть cellspacing cellpadding rowspan -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup replied to dopgroup's question in HTML Coding
смотрите страницу www.hostcms.dopgroup.ru на главной странице таблица с границами, в разделе "статьи без границ" смотрите сайт http://hostcms.dopgroup.ru/ главная страница с таблицами, раздел "статьи без таблиц" -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
dopgroup posted a question in HTML Coding
Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpadding="0" > <tr align="center" height="100%"> <td width="430" rowspan="3" align="right" valign="top"> Располагается левое меню </td> <td width="20" height="255" style="background: url('img/top_line.png') no-repeat top center;"/> <td align="center" height="800" rowspan="3" valign="top"> Располагаеся контент сайта </td> <td width="20" height="255" style="background: url('img/top_line.png') no-repeat top center;"/> </tr> <tr> <td width="20" style="background: url('img/center_line.png') repeat-y top center;"/> <td width="20" style="background: url('img/center_line.png') repeat-y top center;"/> </tr> <tr> <td width="20" height="255" style="background: url('img/bottom_line.png') no-repeat bottom center;"/> <td width="20" height="255" style="background: url('img/bottom_line.png') no-repeat bottom center;"/> </tr> </table> </body> </html> вариант 2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpadding="0" > <tr align="center" height="100%"> <td width="430" align="right" valign="top"> Располагается левое меню </td> <td align="center" height="800" valign="top"> <div style="position: absolute; float: left; left: 450px; min-width: 20px; min-height: 100%;"> <div style="position: relative; min-width: 20px; top: 0px; min-height: 255px; background: url('/img/top_line.png') no-repeat top center;"></div> <div style="position: relative; min-width: 20px; min-height: 100%; background: url('/img/center_line.png') repeat-y top center;"></div> <div style="position: relative; min-width: 20px; bottom: 100%; min-height: 255px; background: url('/img/bottom_line.png') no-repeat bottom center;"></div> </div> <div class="napoln" style="margin: 0 auto;"> Располагается код расположения контента </div> <div style="position: absolute; float: right; right: 20px; min-width: 20px; min-height: 100%;"> <div style="position: relative; min-width: 20px; top: 0px; min-height: 255px; background: url('/img/top_line.png') no-repeat top center;"></div> <div style="position: relative; min-width: 20px; min-height: 100%; background: url('/img/center_line.png') repeat-y top center;"></div> <div style="position: relative; min-width: 20px; bottom: 100%; min-height: 255px; background: url('/img/bottom_line.png') no-repeat bottom center;"></div> </div> </td> </tr> </table> </body> </html> В обоих случаях полоски обрамляющие контент не заполняются по центры. если top_line и botton_line не нужно повторять, то center_line не хочет повторяться ни в одном браузере, и работает только в мозиле с включенными границами. Как сделать так чтобы все браузеры отображали корректно две полных линии по бокам от контента??? Может у меня где ошибка или есть какой другой вариант??? С праздником Программиста