Kaylang
User-
Posts
81 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Kaylang
-
По мне, весьма спорно. Сам когда-то начинал с блокнота. Подсветка кода помогает научиться быстрее и с меньшими усилиями, имхо. А ты бы его в режиме code mode юзал, а не в design mode.
-
А попробуй убрать таблицу. Пропиши height:auto !important; диву header_anons, а внутренним дивам, как обычно float:left?
-
Я знаю даже таких, что картинки отключают, не только JS.
-
А можно html, который генерится? Ctrl+U в FF, например. ЗЫ. А спойлеры ставятся тэгами [spoiler][/spoiler]. В расширеной форме справа (Боковая панель) под смайлами пункт "скрытый текст".
-
Мне Дримвивер нравится только хорошей подсветкой и автозаполнением. Очепяток меньше. Вообще есть мысль перейти на Eclipse. Но пока лень настраивать его. Почему? Все зависит от того, как использовать редактор. Я ни одной страницы не верстал в design mode. Кстати, блокнот это тоже редактор.
-
неавтоматически не переносится текст на след. строку
Kaylang replied to gumuch's question in HTML Coding
Имхо, ошибка только одна: использование этого шаблона. -
Помогите. Выравнивание двух контейнеров по ширине.
Kaylang replied to dencho's question in HTML Coding
Если для табличных данных, то правильнее использовать таблицы. ЗЫ. По первому посту непонятно. Блок2, наверное, должен занять все пространство справа? Опять же непонятно, что фон блока2 доходит до левого края блока1. Точно до левого края? Левый маргин для блока2 не пробовал? -
height:auto !important; родительским div'ам?
-
line-height?
-
как прописывать в модулях и в css разное оформление для 2-х модулей меню?
Kaylang replied to vovchikku's question in HTML Coding
В настройках меню добавляешь суффикс. Потом в CSS прописываешь стили для меню. Классы будут выглядеть приблизительно так: класссуффикс. Например если присвоишь суффикс other, то mainlevelother. ЗЫ. Счас глянул у тебя у верхнего меню уже есть суффикс: -nav. А у правого нет никакого суффикса. Значит для верхнего mainlevel-nav, для правого просто mainlevel. Ну, и все остальные также. -
Я все еще 2004-й пользую. Обновиться, что-ли?
-
А просто <span> для этого не подходит?
-
Я извиняюсь, а зачем float:left заголовку?
-
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
Kaylang replied to vovchikku's question in HTML Coding
Если тебе надо по всей высоте сайта задать правый бордюр, то сделай картинку и попробуй так: #wrap{ widht:1014px; margin:0 auto; background:url(адрес картинки) top right repeat-y; } Если только для контента, то вот тут у тебя проблемка. Все упирается в s.gif. он имеет ширину 7px, из которых только один средний пиксель серого цвета, а остальное белое. td.bgline { background:url("../images/s.gif") repeat-y scroll 0 0 transparent; border-right:1px none black; margin:0; padding:0; width:7px; } Попробуй убрать этот gif и сделать просто бордером. А отступы задай паддингами. -
почему ширина по факту - 100%, хотя должна быть width : 974px;
Kaylang replied to vovchikku's question in HTML Coding
Нету там width:974px; #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } Смотрел, уже ответили. Сорри, за повтор. -
Посмотрите, как сделано здесь. Только там растягивается верхняя часть и сдвигает нижнюю часть вниз. Но легко сделать наоборот.
-
Верстка в две колонки одинаковой высоты.
-
index.php в твоем шаблоне. Найди тэг <body> и замени его вышеприведеной конструкцией.
-
тьфу, совсем уже крыша едет. Забыл важную часть. в HTML: <!--[if (!IE) | (gt IE 7)]><!--> <body> <!--><![endif]--> <!--[if IE 7]> <body class="ie7"> <![endif]--> <!--[if IE 6]> <body class="ie6"> <![endif]--> в CSS: .ie7 .thumbsup-image img {margin-right:-4px;} ЗЫ. Можно, конечно, делать для ie отдельные css или вставлять стили для ie в код страницы условными комментариями. Но данный способ хорош тем, что указав класс для body, легко делать стили для ie в том же файле стилей, что и для нормальных браузеров.
-
И тут спрошу, с вашего позволения. А просто задать картинке align:left не помогает?
-
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
К тому, что совершенно не важно, как макет выглядит в Дримвивере. Достаточно 1 дива. -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
Kaylang replied to vovchikku's question in HTML Coding
Попробуй так: [html]<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>"; ?> <?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/biz_blue/favicon.ico\" />"; ?> <meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" > <style type="text/css"> <!-- .style12 {color: #FFFFFF; font-size: 10px; } .style27 {color: #666666} .style30 {font-size: 10px} .style31 {font-size: 14px} --> </style> </head> <body id="body_bg"> <div id="wrap"> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="169" align="left" valign="middle"> <form action="index.php" method="post" name="form" > <input type="hidden" name="option" value="search" /> </form> </td> <td> </td> <td width="601" align="center" class="topnav" valign="bottom"> <?php if (mosCountModules('user3')) { ?> <div> <?php mosLoadModules ( 'user3',-1 ); ?> </div> <?php } ?> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" class="logoheader"> <div align="right" class="style27 style31"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="right"> <table width="50%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><h1 align="right">Разрешение споров арбитражном суде Ханты-Мансийского автономного округа-Югры </h1> <div align="right"> </div></td> </tr> <tr> <td><div align="right"></div></td> </tr> <tr> </tr> <tr> <td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right"> <h2>Телефон/факс: +7(3467) 363609, 361932 </h2> </div></td> </tr> </table> </div></td> </tr> </table> </div></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" > <tr> <td class="top1" ><?php mosPathWay(); ?></td> <td width="251" align="right" class="top1" ><div class="date"><?php echo mosCurrentDate(); ?></div></td> </tr> </table> <table width="95%" class="top2" border="0" align="center" cellpadding="0" cellspacing="0" > <tr> <?php if (mosCountModules('left')) { ?> <td valign="top" class="lcol"> <div class="leftrow"> <?php mosLoadModules ( 'left' ); ?> <p><a href="http://www.arbitr-hmao.ru/zadat-vopros-spetsialistu-besplatno-/zadat-vopros-spetsialistu-besplatno-/yurist-konsultant.html"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/jur_cons.gif" alt="?????? online ?????? ???????????" border="0"></a> </p> </div> </td> <td class="bgline" ><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td> <?php } ?> <td valign="top" width="100%" > <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;"> <?php if (mosCountModules('top')) { ?> <tr valign="top" > <td colspan="3"> <div> <?php mosLoadModules ( 'top' ); ?> </div> </td> </tr> <tr><td colspan="3"></td></tr> <?php } ?> <?php if (mosCountModules('user1','user2')) { ?> <tr> <?php if (mosCountModules('user1')) { ?> <td valign="top" ><div> <?php mosLoadModules ( 'user1' ); ?> </div> </td> <td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td> <td valign="top"><div> <?php mosLoadModules ( 'user2' ); ?> </div></td> <?php } ?> </tr> <tr><td colspan="3"></td></tr> <?php } ?> <tr align="left" valign="top"> <td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main"> <?php mosMainBody(); ?> <?php mosLoadModules ( 'user4' ); ?> </div> </td> </tr> <tr> <!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?> <?php } ?> </td> --> </tr> </table> </td> <td class="bgline"><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td> <?php if (mosCountModules('right')) { ?> <td valign="top" class="rcol"> <div class="rightrow"> <?php mosLoadModules ( 'right' ); ?> </div> </td><?php } ?> </tr> </table> <table width="100%" class="foot" align="center" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" align="center" class="footer" > <div align="right"><span class="style12"></span> <p align="center" class="style27 style30">Услуги юристов по ведению дел в арбитражном суде ХМАО. Юридические услуги Сургут, Ханты-Мансийск, Нижневартовск</p> </div></td> </tr> </table> <!-- Yandex.Metrika --> <script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script> <script type="text/javascript"> try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){} </script> <noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript> <!-- Yandex.Metrika --> </div> </body> </html>[/html] CSS [codebox][code]/**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; } h1{ margin-top:7px; color:#133766; font-size:14px !important; } DIV.brd { border: 1px solid #cecece; background: #ffffff; padding: 2px; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } #wrap{ widht:1014px; margin:0 auto; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color : #000000; } hr { color : #999999; height : 1px; width : 100%; } form { margin : 0; padding : 0; } .leftrow { width : 169px; height : 100%; margin-right : 0; background : #f5f5f5; } .rightrow { height : 100%; width : 169px; margin-left : 0; background : #f5f5f5; } .back_button { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 12px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 2px !important; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } .contact_email { width : 100%; } .contact_email .inputbox { width : 345px; } table.moduletable { margin : 0 0 8px 0; width : 100%; background : #ffffff; padding-bottom : 2px; } table.moduletable th { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : left; width : 100%; background-color : #5B7696; color : #f1f1f1; padding : 2px; text-indent : 10px; line-height : 15px; } table.moduletable td { padding-top: 2px; } .sectiontableheader { font-size : 14px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #f1f1f1; background : #5B7696; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : none; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #e0e0e8; line-height : 25px; } .sectiontableentry1 img{ padding-right: 4px !important; padding-right: 2px; } .sectiontableentry2 img{ padding-right: 4px !important; padding-right: 2px; } span.mainlevel{ display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; padding : 2px 0; color : #666666; text-indent : 10px; } a.mainlevel { display : block; width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.sublevel:link, a.mainlevel:visited { width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; color : #666666; text-indent : 10px; } a.mainlevel:hover { border : 1px solid #cccccc; background-color : #E0E0E8; font-size : 12px; font-weight : normal; color : #666666; text-decoration : none; text-indent : 10px; } a img{ border: none; } #active_menu { color : #000066; border : 1px solid #cccccc; background-color : #E0E0E8; font-weight : bold; } a#active_menu:hover { color : #333333; } a:link, a:visited { color : #666666; text-decoration : none; width : auto; margin : 1px 0px; padding : 0; background : none; text-indent : 10px; } a:hover { color : #9a887c; text-decoration : none; } a.category:link, a.category:visited { font-size : 12px; } a.readon:link, a.readon:visited { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #9a887c; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif); background-repeat: no-repeat; background-position: 0px 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #0066CC; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #9a887c; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 10%; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : left; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pathway { font-size : 11px; color : #333333; padding-left : 6%; } a.pathway:link, a.pathway:visited { font-size : 11px; padding-left : 0; } a.pathway:hover { font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; text-align: justify; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { border-bottom : 1px solid #000066; font-size : 14px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #000066; width : 100%; padding : 1px; margin: 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .footer { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #666666; font-weight : bold; height : 31px; border-top : 1px solid #cccccc; } .footer a:link, .footer a:visited { font-size : 14px; color : #666666; text-decoration : none; font-weight : bold; } .footer a:hover { font-size : 14px; color : #999999; text-decoration : none; font-weight : bold; } .lcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-left : 1px solid #cccccc; padding-left: 3px; } .rcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-right : 1px solid #cccccc; padding-right: 3px; } .foot { background : none; vertical-align : top; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(../images/shadow.jpg) #ffffff repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 12px; color : #707070; padding : 2px !important; padding : 1px; border : 1px solid #cccccc; background : none; } .sublevel { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #999999; padding : 3px 1px 3px 5px; margin : 3px; } a.sublevel:link, a.sublevel:visited { color : #999999; text-decoration : none; font-size : 12px; } a.sublevel:hover { color : #000066; text-decoration : none; font-size : 12px; } a.sublevel#active_menu { background : transparent; color : #000066; border : 0px; font-size : 12px; } td.logoheader { margin: 0; padding: 0; background : url(../images/logo.gif) no-repeat center left; height : 76px; width : 263px; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0px; padding: 0px; background : url(../images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { float : right; display : block; font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 0px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; }[/code] -
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
Тогда я подожду когда пользователи будут просматривать сайты с помощью Дримвивер, и обязательно перейду на твой макет. -
точные размеры трехколоночного макета, чтоб не разъезжался
Kaylang replied to Осенний Дождь's question in HTML Coding
Вложенность меньше? На 1, но меньше. Значит проще. Тем самым и лучше. -
А кто-то еще ими пользуется? В задаче не была указана версия.