maromaks

эх...

если често то я совсем недавно начал знакомиться c html и не вижу никаких критичных ошибок в коде (просто как я переверстаю всё заново если перевестаю так же), а то что стили прямо тут то мне так удобней, а вот в чём трабл я так и не понял

так да, а если не в одном диве то при раскрутке отзывов они будут накладываться на всё что снизу

Никак не могу придумать, как сверстать, нужно что бы на сайте 27дорог.рф нижний фон untitled-14.png и untitled-17.png вели себя так же как верхний untitled-14.png (занимал всё пространство от окна браузера) или может быть кто знает как сверстать что бы виджет вк адекватно открывался

Всё ок =) просто отзывы отображаются на той странице на которой оставлены если хотите что бы отображались везде то пишите id страницы одинаковый

в общем проблема в том что не даекватно работает виджет вк, вот сайт http://sales-tours.ru/ сейчас там есть 1 отзыв, видны только отзывы которые написал именно ты, а администратор видит все отзывы во вкладке администрирование -> обзор, но ведь должны отображаться все отзывы, подскажите в чём трабл ? Спасибо!

идиот =) <style>#popup_new153 .window { background: url(images/p3bg.png#size_445x327); border-radius:20px; border: none; width:445px; height:327px; padding:0; z-index:500; }#popup_new153 .window .popup_title { padding: 40px 0 25px; text-align: center; color:#fff; font-size:30px; font-weight:bold; text-transform: none; font-family: 'Trebuchet MS', Helvetica, sans-serif;}#popup_new153 .window input { display: block; margin: 0 auto; border-radius: 6px; width: 318px; height: 45px; font-size: 16px; color: #000; border: 1px solid #ccc; margin-bottom: 8px; padding: 0 12px; background: #fff; background: linear-gradient(to bottom, #ffffff 0%,#f7f7f1 100%); font-family: 'Trebuchet MS', Helvetica, sans-serif;}#popup_new153 .window input:focus {border-color: rgba(83, 167, 236, 0.6); box-shadow: inset 0 1px 1px rgba(83, 167, 236, 0.075), 0 0 8px rgba(83, 167, 236, 0.8);}#popup_new153 .window .btn { display: block; width: 300px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; text-decoration: none; color: #493d2c; border:none; z-index: 118; font-size: 20px; margin: 10px auto; background: url(images/p3btn.png); text-transform: none; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif;}#popup_new153 .window .btn:hover {opacity:.7;}#popup_new153 .window .close { position:absolute; top:20px; right:23px; width:29px; height:29px; background:url(images/p8close.png#size_26x26) 0 0 no-repeat; border: none; cursor:pointer; margin:0; padding:0; display:block; }#popup_new153 .window .close:hover { opacity:.7; }</style><div class="hidden lp_popup" style="position: absolute;z-index: 101;left: 720px;top: 400px" id="popup_new153" ><div class="window"><button class="close"></button><form action="mail.php" method="post" enctype="multipart/form-data" class="our_form"><div class="popup_title">Закажите обратный звонок</div><input placeholder="Как Вас зовут?" class="label1" name="widget_0" /><input placeholder="Ваш телефон" class="label2" name="widget_1" /><a class="submit_title btn green ui-button" href="#fire_form_new153" onclick="24112846.reachGoal('mes'); return true;" >Перезвоните мне!</a><input type="hidden" name="from" value="Доминикана"/></form><div class="message">Спасибо за информацию!</div></div></div> </div>

<script> jq_181(function($){ var text_block = '#block-new148'; /* Блок с текстом */ var button = '#block-new147'; /* кнопка вызова */ $('body').append('<div class="simple_overlay" id="overlay1"></div>'); $('#overlay1').html('<div class="overlay_block">' + $(text_block).html() + '</div>'); $(text_block).hide(); $('#overlay1').overlay({ top: '10%', mask: { color:'#000', opacity:.5 } }); $('.overlay_block, .simple_overlay').css({ 'max-height': $(window).height() * 0.7 + 'px'}); $(button).click(function(e){ e.preventDefault(); $('#overlay1').overlay().load(); }); });</script>а в блоке с текстом прописываем overflow:hidden;

для картинок используйте % и auto (что бы сохранить пропорции) а для текста можно и vw, vh

Никак не могу догнать как изменить код что бы форма заказа звонка вызывалась не по клику а была всегда, подскажите, пожалуйста. <div class="block block-popup is-popup" id="block-new153" style="display: block;background-position: 50% 50%;background-repeat: no-repeat;border-width: 1px;position: absolute;z-index: 216;font-size: 22px;font-weight: 100;font-family: Tahoma;color: #92eb57;top: 37px;action-message: Спасибо за информацию!;height: 21px;width: 101px;action: message;anchor-id: #block-new153;border-style: none;left: 850px;border-radius: 0px;background-color: transparent;background-image: none;"> <a href="#" id="render_new153" data-label="Заказать звонок" class="open_button" style="display: table;width: 105px;height: 12px;text-align: center;vertical-align: middle;line-height: 21px;text-decoration: none;font-weight: 100;font-size: 15px;font-family: times new roman;color: rgb(176, 229, 85);background-color: none;z-index: 216;border-bottom: 1px dashed rgb(176, 229, 85); border-radius: 0px;">Заказать звонок</a><style>a#render_new153 { background: 50% 50% no-repeat ; } a#render_new153:hover { background: 50% 50% no-repeat ; }</style><style>#popup_new153 .window { background: url(images/p3bg.png#size_445x327); border-radius:20px; border: none; width:445px; height:327px; padding:0; z-index:500; }#popup_new153 .window .popup_title { padding: 40px 0 25px; text-align: center; color:#fff; font-size:30px; font-weight:bold; text-transform: none; font-family: 'Trebuchet MS', Helvetica, sans-serif;}#popup_new153 .window input { display: block; margin: 0 auto; border-radius: 6px; width: 318px; height: 45px; font-size: 16px; color: #000; border: 1px solid #ccc; margin-bottom: 8px; padding: 0 12px; background: #fff; background: linear-gradient(to bottom, #ffffff 0%,#f7f7f1 100%); font-family: 'Trebuchet MS', Helvetica, sans-serif;}#popup_new153 .window input:focus {border-color: rgba(83, 167, 236, 0.6); box-shadow: inset 0 1px 1px rgba(83, 167, 236, 0.075), 0 0 8px rgba(83, 167, 236, 0.8);}#popup_new153 .window .btn { display: block; width: 300px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; text-decoration: none; color: #493d2c; border:none; z-index: 118; font-size: 20px; margin: 10px auto; background: url(images/p3btn.png); text-transform: none; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif;}#popup_new153 .window .btn:hover {opacity:.7;}#popup_new153 .window .close { position:absolute; top:20px; right:23px; width:29px; height:29px; background:url(images/p8close.png#size_26x26) 0 0 no-repeat; border: none; cursor:pointer; margin:0; padding:0; display:block; }#popup_new153 .window .close:hover { opacity:.7; }</style><div class="hidden lp_popup" style="display: none;" id="popup_new153"><div class="window"><button class="close"></button><form action="mail.php" method="post" enctype="multipart/form-data" class="our_form"><div class="popup_title">Закажите обратный звонок</div><input placeholder="Как Вас зовут?" class="label1" name="widget_0" /><input placeholder="Ваш телефон" class="label2" name="widget_1" /><a class="submit_title btn green ui-button" href="#fire_form_new153" onclick="24112846.reachGoal('mes'); return true;" >Перезвоните мне!</a><input type="hidden" name="from" value="Доминикана"/></form><div class="message">Спасибо за информацию!</div></div></div> </div>

спасибо style="width: х%; height: auto"

Вопрос состоит в следующем: Например вот страница при разрешении 1280х800 Вот эта же страница при разрешении 1024х640 А вот страница при разрешении 1024х640 но при 75% То есть отображение страницы 1024х640 при 75% практически равно разрешению 1280х800 при 100%. Как сообщить браузеру пользователя о необходимости зумирования?