Ich

Спасибо, с фикс.шириной всё понятно, но всё как раз для того, чтобы от нее отказаться для адаптивности. Clearfix добавил, но почему то всё равно выравнивается по левой стороне https://jsfiddle.net/uo406sqj/2/

как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left? Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру. Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?

Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.

необходимо чтобы при открытии страницы, шапка была проскролена. Знаю что такое возможно с помощью якорей, но не возможно ли это сделать без использования меток в ссылке?

СУПЕР! А где почитать о том, как делать подобное?

отлично, работает, спасибо!

Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу iframe youtube?

простите что? о_О а как все сайты тогда работают? Пользуйтесь http://dimox.github.io/jQueryFormStyler/demo/#select Даже вот и представить себе не могу как) Есть предположение, что на множестве сайтов пользователям не удается что-то использовать, они плюют на это дело и просто закрывают сайт, потому что не склонны разбираться что к чему (поэтому возможно и пользуют IE) Вот для моего сайта, сверстаному еще во времена IE7, в IE10 пользователю предлагается просмотр в Режиме совместимости со словами "проблемы, связанные с несоответствием меню, изображений или текста будут устранены". И без этого режима в ИЕ10 JavaScript на странице не работает. Как только нажимаю кнопку "Режим совместимости", всё работает. Это по идее в Doctype надо возиться?

кроме skype есть возможность связаться? ICQ, email?

столкнулся с проблемой, что в IE10 по умолчанию отключена возможность использования JavaScript (работает только в режиме совместимости). Поэтому вынужден прописывать: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">а вот дальше уже случается проблема верстки выпадающего списка. Использовал вот этот рецепт В ИЕ10, FF и Chrome всё норм отображается а вот в ИЕ10 в режиме совместимости отображается так: Возможно ли это как-то перебороть?

более подходящего места для вопроса не нашел, так как не могу однозначно сказать, за счет какой технологии это делается. Итак, увидел вот в этом магазинчике http://www.defitsita.net/nabor/sportivnomu-bolelshhiku/ гениальную вещь. После нажатия кнопки "положить в авоську" кнопка меняется на "перейти в корзину". Интересно попробовать такое для своего сайта, но не знаю с чего подступиться, рецептов подобных не находил, в поиске тишина, в их коде не разобрался. Это средствами JS делается или как-то можно на CSS?

сам разобрался. digiseller.ru

Подскажите, пожалуйста, какие сервисы оплаты медиа-контента вы используете? Вижу что на сайте htmlbook используется oplata.info, но совершенно не понятно как к нему подключиться. Я так полагаю что это какой-то вспомогательный домен для какой-то системы? Если да, то для какой?

спасибо...то есть без скриптов не обойтись, ну что ж..

Вообще никаких вариантов?

Здравствуйте, снова! Хотелось бы сделать кнопку добавления поста в блог ЖЖ. Но столкнулся с проблемой, поясню на примере. Имеем ссылку: http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML используем так: <a rel="nofollow" href="http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML" target="_blank" title="Опубликовать в своем блоге livejournal.com">тест</a> </div> тест Ссылка и текст генерируются автоматом - различные на каждой странице (средствами PHP). Но вот вопрос: При переходе с сайта с кодировкой UTF - всё без проблем, пост создается, читаемый. При переходе с сайта с кодировкой 1251 - русский не читается (вопросительные знаки в квадратах). Можно ли как-то жестко задать кодировку ссылки? Пример работающей кнопки - в конце поста Пост о игральных картах

to psywalker: Сделал всё, как Вы рекомендовали, и в стили всё добавил. Но вот добиться того, чтобы наполнение таблицы происходило за счет увеличения высоты средней ячейки не могу. Подскажите, пожалуйста.

Всех с Новым Годом! Вопрос всё еще актуален, подскажите, пожалуйста, будьте добры.

Вставил в стиль это: table.wrap { height: 100%;} table.wrap td, table.wrap table { height: 100%; vertical-align: text-top;} table.wrap table td { background: #00F;} Получил следующее: Подскажите, пожалуйста, как теперь можно обеспечить заполнение таблицы не за счет первой ячейки, а за счет второй? Попробовал задать для первой ячейки height: 100%, не удалось. Про код: *{ margin: 0; padding:0;} html,body { height: 100%; } Не могли бы пояснить про это, что это обеспечивает?

1) Именно так 2) Так и есть 3) <td valign="top" width="521"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" class="content" ><div id="bg_catalog_1">Каталог / наборы</div> <div id="bglist"></div> <div id=allspec><a href="/" class="link">Главная</a> <img src="arr2.gif" alt="" width="16" height="16" border="0" align="absmiddle"><A href="./CID_00.html" class="link" title="Каталог">Каталог</A> <img src="arr2.gif" alt="" width="16" height="16" border="0" align="absmiddle"> наборы</div> <div style="margin:0px 11px; "> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <!-- main_product_forma --> <tr><TD class=setka colspan=3 height=1><IMG height=1 src="spacer.gif" width=1></TD></tr><tr><td valign="top" class="panel_l"> <TABLE border="0" cellpadding="0" cellspacing="10" width="259" height="100%" bgcolor="cee438"> <TR> <TD> <DIV> <A href="/shop/UID_194.html" class="product_name" title="test"><strong>test</strong></A> </DIV> </TD> </TR> <TR> <TD style="TEXT-ALIGN: justify; color:#ff6600; padding:10px 0px 0px" class="text_1"> <A href="/shop/UID_194.html" class="product_name" title="test"><img src="no_photo.gif" alt="test купить" title="test" lowsrc="no_photo.gif" onerror="NoFoto(this,'/')" onload="EditFoto(this,90)" border="0" align="left" hspace="5"></A> много текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текстамного текста </TD> </TR> <TR> <TD align="right" valign="bootom"><table style="margin:10px 0px 0px" width="100%" height="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td rowspan="2"> <b class=price >20 000 руб</b><br> <font class=black>Временно нет в наличии</font> <div style="color:#ff6600;"></div> </td> <tr> <td> </tr> </table></TD> </TR> </TABLE> </td><TD width=1 class=setka><IMG height=1 src="spacer.gif" width=1></TD><td valign="top" class="panel_r"> <TABLE border="0" cellpadding="0" cellspacing="10" width="259" height="100%" bgcolor="cee438"> <TR> <TD> <DIV> <A href="/shop/UID_219.html" class="product_name" title="test2"><strong>test2</strong></A> </DIV> </TD> </TR> <TR> <TD style="TEXT-ALIGN: justify; color:#ff6600; padding:10px 0px 0px" class="text_1"> <A href="/shop/UID_219.html" class="product_name" title="test2"><img src="no_photo.gif" alt="test2 купить" title="test2" lowsrc="no_photo.gif" onerror="NoFoto(this,'/')" onload="EditFoto(this,90)" border="0" align="left" hspace="5"></A> test </TD> </TR> <TR> <TD align="right" valign="bootom"><table style="margin:10px 0px 0px" width="100%" height="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td rowspan="2"> <b class=price >20 000 руб</b><br> <font class=black>Временно нет в наличии</font> <div style="color:#ff6600;"></div> </td> <tr> <td> </tr> </table></TD> </TR> </TABLE> </td><tr><TD class=setka colspan=3 height=1><IMG height=1 src="spacer.gif" width=1></TD></tr><tr><td valign="top" class="panel_l"> <TABLE border="0" cellpadding="0" cellspacing="10" width="259" height="100%" bgcolor="cee438"> <TR> <TD> <DIV> <A href="/shop/UID_220.html" class="product_name" title="test3"><strong>test3</strong></A> </DIV> </TD> </TR> <TR> <TD style="TEXT-ALIGN: justify; color:#ff6600; padding:10px 0px 0px" class="text_1"> <A href="/shop/UID_220.html" class="product_name" title="test3"><img src="no_photo.gif" alt="test3 купить" title="test3" lowsrc="no_photo.gif" onerror="NoFoto(this,'/')" onload="EditFoto(this,90)" border="0" align="left" hspace="5"></A> test </TD> </TR> <TR> <TD align="right" valign="bootom"><table style="margin:10px 0px 0px" width="100%" height="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td rowspan="2"> <b class=price >20 000 руб</b><br> <font class=black>Временно нет в наличии</font> <div style="color:#ff6600;"></div> </td> </table></TD> </TR> </TABLE> </td><TD width=1 class=setka><IMG height=1 src="spacer.gif" width=1></TD> <!-- main_product_forma--> </table> </td> </tr> <tr> <td width="100%" style=padding-left:10 class=style8 colspan="2"> <div style="padding-top:15;padding-bottom:15" class=black> </div> </td> </tr> </table> </div> </td> </tr> </table> </td> Код для:

Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода