Денис в рубрику HTML и CSS

Вопрос: Выпадающий блок

Привет всем!
Сначала хочу пожелать успехов и творческого процветания всем авторам этого блога!

Вопрос: я начал разбираться с примером, который дан на этой странице (а именно, второй абзац - "Выпадающий блок при клике на ссылку").

Не могу понять, как блок можно отцентрировать относительно ссылки?

Например, в таком коде:

<div align="center"><a href="#" id="toggler">Ссылка</a></div>
<div class="no-display drop-down-block" style="width: 20em" id="drop-down-list">Блок с дополнительной интригующей, познавательной, необычайно полезной и своевременной инфомацией.</div> 

А то сейчас получается, что всплывающий блок ровняется по левому краю относительно ссылки.

Что скажете?

Задайте свой вопрос

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

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 3

Grin
Спасибо! Смотрите, у вас блок относительно ссылки выравнивается с помощью js, а не html. Вам нужно модифицировать вот эту строчку:
'left' 		: (toggler.offset().left + opts['left']) + 'px'
Нужно учитывать ширину ссылки, на которую кликаете и ширину выпадающего блока
#
Grin
GliukuS
Почему у меня не раскрываются блоки?
Ruby
возможно не потеме... но подскажите пожалуйста как сделать так, чтоб div блок всплывал налево относительно предыдущего?
Благодарю
#
Ruby

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler