Ich

January 23, 2017

Спасибо, с фикс.шириной всё понятно, но всё как раз для того, чтобы от нее отказаться для адаптивности.

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

January 20, 2017

как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left?

Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру.

Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?

January 17, 2017

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

Вот пример https://jsfiddle.net/yhnf3m9L/1/

положение вроде сохраняется, а вот размер - беда.

September 29, 2015

необходимо чтобы при открытии страницы, шапка была проскролена.

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

September 9, 2015

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

April 1, 2015

Как вариант, сделайте для ifrime- vertical-align:bottom;

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

April 1, 2015

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

Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц.

В общем суть вопроса - как убрать отступ снизу iframe youtube?

November 13, 2013

что в IE10 по умолчанию отключена возможность использования JavaScript
простите что? о_О а как все сайты тогда работают?

Пользуйтесь http://dimox.github.io/jQueryFormStyler/demo/#select

Даже вот и представить себе не могу как) Есть предположение, что на множестве сайтов пользователям не удается что-то использовать, они плюют на это дело и просто закрывают сайт, потому что не склонны разбираться что к чему (поэтому возможно и пользуют IE)

Вот для моего сайта, сверстаному еще во времена IE7, в IE10 пользователю предлагается просмотр в Режиме совместимости со словами "проблемы, связанные с несоответствием меню, изображений или текста будут устранены". И без этого режима в ИЕ10 JavaScript на странице не работает. Как только нажимаю кнопку "Режим совместимости", всё работает.

Это по идее в Doctype надо возиться?

November 13, 2013

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

November 12, 2013

столкнулся с проблемой, что в IE10 по умолчанию отключена возможность использования JavaScript (работает только в режиме совместимости). Поэтому вынужден прописывать:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

а вот дальше уже случается проблема верстки выпадающего списка. Использовал вот этот рецепт

В ИЕ10, FF и Chrome всё норм отображается

а вот в ИЕ10 в режиме совместимости отображается так:

Возможно ли это как-то перебороть?

August 21, 2013

более подходящего места для вопроса не нашел, так как не могу однозначно сказать, за счет какой технологии это делается.

Итак, увидел вот в этом магазинчике

http://www.defitsita.net/nabor/sportivnomu-bolelshhiku/

гениальную вещь. После нажатия кнопки "положить в авоську" кнопка меняется на "перейти в корзину".

Интересно попробовать такое для своего сайта, но не знаю с чего подступиться, рецептов подобных не находил, в поиске тишина, в их коде не разобрался. Это средствами JS делается или как-то можно на CSS?

March 31, 2011

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

March 24, 2011

Подскажите, пожалуйста, какие сервисы оплаты медиа-контента вы используете?

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

May 18, 2010

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

May 17, 2010

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

May 14, 2010

Здравствуйте, снова!

Хотелось бы сделать кнопку добавления поста в блог ЖЖ. Но столкнулся с проблемой, поясню на примере. Имеем ссылку:

http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML

используем так:

</div>

тест

Ссылка и текст генерируются автоматом - различные на каждой странице (средствами PHP). Но вот вопрос:

При переходе с сайта с кодировкой UTF - всё без проблем, пост создается, читаемый.

При переходе с сайта с кодировкой 1251 - русский не читается (вопросительные знаки в квадратах).

Можно ли как-то жестко задать кодировку ссылки?

Пример работающей кнопки - в конце поста Пост о игральных картах

January 19, 2010

to psywalker:

Сделал всё, как Вы рекомендовали, и в стили всё добавил.

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

January 3, 2010

Всех с Новым Годом!

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

December 29, 2009

Вставил в стиль это:

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%; }

Не могли бы пояснить про это, что это обеспечивает?

December 29, 2009

1) Я так понял, что слева и справа - это две разные таблицы?
2) Если я правильно понял, ты хочешь, чтобы левая и правая таблица выравнивались по высоте самой длинной таблицы?
3) Выложи весь код.

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>

Код для:

December 29, 2009

Здравствуйте!

Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов :unsure:

Есть три таблички:

Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц.

В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода

Sign In

Ich

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Ich

выравнивание списка с плавающими элементами

выравнивание списка с плавающими элементами

Адаптивность кнопки в привязке к внешнему контейнеру

Открытие страницы со смещенным скроллом

Голосование на лучшую «рожицу»

Отступ от фреймворка youtube

Отступ от фреймворка youtube

Проблемы совместимости + дизайн выпадающего списка

Верстальщик, ищу удаленную работу

Проблемы совместимости + дизайн выпадающего списка

Изменение кнопки после нажатия

Сервис оплаты медиа-контента

Сервис оплаты медиа-контента

Кодировка в ссылке

Кодировка в ссылке

Кодировка в ссылке

Выравнивание ячеек в соседних таблицах

Выравнивание ячеек в соседних таблицах

Выравнивание ячеек в соседних таблицах

Выравнивание ячеек в соседних таблицах

Выравнивание ячеек в соседних таблицах

Forums

Important Information