Форум » Тех.поддержка » Как сделать ссылку на нижерасположенный текст? » Ответить

Как сделать ссылку на нижерасположенный текст?

Анка-хулиганка: Что-то даже не соображу как это в поисковик забить. Есть большой текст, допустим FAQ. Сверху идут вопросы, ответы на которые (вместе с этим же вопросом) внизу. Но т.к. текст большой, то надо перенаправлять туда ссылками, дабы много не крутить колесико мыши. Как это осуществить? Или хоть подскажите как это правильно называется, чтобы сделать поиск в гугле...

Ответов - 27

ХХХ: Анка-хулиганка пишет: Или хоть подскажите как это правильно называется, чтобы сделать поиск в гугле... Создание гиперссылок

Анка-хулиганка: ХХХ пишет: Создание гиперссылок Нууу.. гиперссылку-то я могу сделать. Мне надо, чтобы ссылка ссылалась на текст внизу и страница прокручивалась к нужному вопросу при нажатии на него сверху. Это тоже там, что ли? Т.е. надо наверное каким-то образом разметить страницу, чтобы можно было сослаться на некоторые части текста. Только как?

ХХХ: Анка-хулиганка пишет: Т.е. надо наверное каким-то образом разметить страницу, чтобы можно было сослаться на некоторые части текста. Только как Вам нужен скрипт скроллинга для текста, добавить в html код и посмотреть результаты. Посмотреть можно здесь к примеру http://scripts.protoplex.ru/scripts_group/80.html


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

Анка-хулиганка: В общем, отыскала я это. Оказывается это якоря. Может кто подскажет какая ошибка в коде (ссылка идет не на нижеобозначенный якорь, а вылетает на главную страницу почему-то): Ссылка на якорь <a href="#зд">Выбери меня</a> Сам якор <a name="зд">Я тебя выбрал</a>

ХХХ: Анка-хулиганка пишет: Может кто подскажет какая ошибка в коде (ссылка идет не на нижеобозначенный якорь, а вылетает на главную страницу почему-то): Ссылка на якорь <a href="#зд">Выбери меня</a> Сам якор <a name="зд">Я тебя выбрал</a> Вкратце попробую обьяснить, к примеру у Вас страница из заголовка и вопросов-ответов ----------------------------------------------------------------------------- FAQ: Часто задаваемые вопросы Почему? ---------- текст Зачем? ---------- текст Куда? ----------текст Кто? ----------текст Что? ----------текст и т.д --------------------- Создаём якоря ------------------ FAQ: Часто задаваемые вопросы <a href="#top1">Почему?</a><br> <a href="#top2">Зачем?</a><br> <a href="#top3">Куда?</a><br> <a href="#top4">Кто?</a><br> <a href="#top5">Что?</a><br> Здесь указываем разделы на которые хотим ссылатся и теперь нужно прописать якоря,чтобы юзверь при клике по этим ссылкам перешёл в нужное место. <a name="top1">Почему?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a name="top2">Зачем?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a name="top3">Куда?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a name="top4">Кто?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a name="top5">Что?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> и т.д ------------------------------------------------------------------------------------------------------------------------------- И последнее,чтобы юзверь более комфортно просматривал FAQ, нужно прикрутить якорь с названием "Наверх" "Назад" или "Вернутся" ниже каждого текста. ........ <body> <a name="top"></a> ( Текст не обязателен) FAQ: Часто задаваемые вопросы <a href="#top1">Почему?</a><br> <a href="#top2">Зачем?</a><br> <a href="#top3">Куда?</a><br> <a href="#top4">Кто?</a><br> <a href="#top5">Что?</a><br> <a name="top1">Почему?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a href="#top">Наверх</a><br> <a name="top2">Зачем?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a href="#top">Наверх</a><br> <a name="top3">Куда?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a href="#top">Наверх</a><br> <a name="top4">Кто?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a href="#top">Наверх</a><br> <a name="top5">Что?</a><br> ...<br> ...<br> ...<br> Текст ответа <br> <a href="#top">Наверх</a><br> </body> и т.д Вот в принципе и всё, размер шрифтов,цвет,маркеры и т.д корректируете под себя естественно.

Mangy: Вычленяйте <!-- содержимое статьи --> <div id="inner_art"> <table border="0" width="100%" cellspacing="0" id="table1"> <tr> <td><ol> <li> <a href="#1">Системные требования для установки и запуска Windows Vista</a><br> </li> <li> <a href="#2">Какие варианты комплектации Windows Vista доступны и чем они отличаются</a><br> </li> <li> <a href="#3">Что такое индекс производительности Windows</a><br> </li> <li> <a href="#4">Что такое режим ограниченной функциональности Windows Vista</a><br> </li> <li> <a href="#5">Описание различий между 32-разрядными и 64-разрядными версиями Windows Vista</a><br> </li> </ol> <p> </td> <td width="165"> <p align="center"> <img src="/user_img/070306110452/common.png" width="160" height="160" border="0"></td> </tr> </table> <p><br> </p> </li> </ol> <p></p> <p></p> <hr size="1"><a name="1" id="1"></a> <h3>Системные требования для установки и запуска Windows Vista</h3> <b>Минимальные требования</b>:<br> Процессор: 800 MHz<br> Память: 512 MB<br> Видео: SVGA 800x600<br> HDD: 20 GB<br> Доступное дисковое пространство: 15 GB<br> CD или DVD-привод<br> <br> <b>Рекомендуемая конфигурация</b>:<br> Процессор: 1 GHz<br> Память: 1 GB<br> Видео: 128 MB DirectX 9 совместимая видеокарта с поддержкой WDDM Driver<br> HDD: 40 GB<br> Доступное дисковое пространство: не меньше 15 GB<br> DVD-привод<br> <br> Чтобы узнать насколько ваш компьютер соответствует требованиям для запуска Windows Vista и какие из ее новых возможностей будут вам доступны вы можете скачать и установить <a target="_blank" href="http://download.microsoft.com/download/f/d/f/fdfe7990-8c0e-4a9b-b057-5c2385369ad8/WindowsVistaUpgradeAdvisor.msi"> Windows Vista Upgrade Advisor</a> (7,3 MБ)<br> <br> Более детальную информацию вы можете получить здесь: <a target="_blank" href="http://technet.microsoft.com/en-us/windowsvista/aa905075.aspx"> Windows Vista Enterprise Hardware Planning Guidance</a><br>   </p> <p align="right"><a href="#top">вверх</a></p> <p></p> <p></p> <hr size="1"><a name="2" id="2"></a> <h3>Какие варианты комплектации Windows Vista доступны и чем они отличаются</h3> Windows Vista доступна в следующих изданиях: </p> <ul> <li> <a target="_blank" href="http://www.microsoft.com/rus/windowsvista/getready/editions/business.mspx"> Windows Vista <b>Business</b></a></li><br> </li> <li> <a target="_blank" href="http://www.microsoft.com/rus/windowsvista/getready/editions/enterprise.mspx"> Windows Vista <b>Enterprise</b></a></li><br> </li> <li> <a target="_blank" href="http://www.microsoft.com/rus/windowsvista/getready/editions/home_premium.mspx"> Windows Vista <b>Home Premium</b></a></li><br> </li> <li> <a target="_blank" href="http://www.microsoft.com/rus/windowsvista/getready/editions/home_basic.mspx"> Windows Vista <b>Home Basic</b></a></li><br> </li> <li> <a target="_blank" href="http://www.microsoft.com/rus/windowsvista/getready/editions/ultimate.mspx"> Windows Vista <b>Ultimate</b></a></li> </ul>

Анка-хулиганка: ХХХ Mangy Спасибо, ребят. Но все равно выбрасывает на главную страницу, не опускаясь вниз...

ХХХ: Анка-хулиганка пишет: Но все равно выбрасывает на главную страницу, не опускаясь вниз... Залей архив с этой страницей,качну,посмотрю. А каким кстати редактором html пользуетесь?

Chankor: Анка-хулиганка Сделай раскрывающиеся списки, так будет намного удобней для решения твоей проблемы ) Привязку ссылок к блокам по id не стал делать. Вот так проще думаю будет: <script language="JavaScript"> var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } </script> <ul> <li><h3 style="cursor: pointer" onClick="expandit(this)">Раскрывающийся текст 1</h3></li> <span style="display:none" style=&{head};> <p>Скрытый текст 1</p> </span> <li><h3 style="cursor: pointer" onClick="expandit(this)">Раскрывающийся текст 2</h3></li> <span style="display:none" style=&{head};> <p>Скрытый текст 2</p> </span> <li><h3 style="cursor: pointer" onClick="expandit(this)">Раскрывающийся текст 3</h3></li> <span style="display:none" style=&{head};> <p>Скрытый текст 3</p> </ul> Элементы списка <li>, внешний тэг в данном примере <ul> можешь убрать. Это я так, для наглядности. Если не знаешь, что это такое, читай здесь Главное скрипт, а с HTML разберешься ))) Просто скопируй, сохрани в html или вставь в нужном месте и увидишь наглядно. С якорями не парься )))

Анка-хулиганка: Chankor Усё у порядку. Зробила.

nimfa-manka: тогда терь у мню вопросик, как htm file с картинками отправить на сеть? чтоб все картинки были видны и на одной странице? Может есть какая бесплатная программка для этого? Кто знает?

Mangy: nimfa-manka пишет: Может есть какая бесплатная программка для этого? Кто знает? Не знаю как Firefox, но в Opera есть функция сохранить вместе с картинками. Подозреваю, что и в других браузерах есть такая функция. Может внимательнее на экран смотреть надо?

nimfa-manka: Mangy пишет: Может внимательнее на экран смотреть надо? это вы про что?

Mangy: nimfa-manka пишет: это вы про что? Это я про то, что нужно изучить хотя бы функции своего браузера. Или хотя бы почитать, что такое плагины и какие они бывают, вот только на других форумах. И ещё, есть большой смысл в том, что закладывают разработчики в главную панель своих браузеров, помимо этого, что же заложено в справке к программе при нажатии F1.

Анка-хулиганка: Mangy пишет: Знаете, что самое непонятное для меня, - я понять не могу, чего вам нужно. Да лан вам. Человеку надо выложить в сеть файл картиночный, вот и все. Mangy пишет: Как ни прискорбно ещё, - здесь обсуждают как создать гиперссылку на переход к конкретной информации на своём сайте, то есть сайт свой создают с нуля и вопросы соответствующие. А что прискорбного-то? nimfa-manka пишет: как htm file с картинками отправить на сеть? чтоб все картинки были видны и на одной странице? Может есть какая бесплатная программка для этого? Кто знает? Photobucket, Picasa, etc. Если, конечно, я правильно поняла, что вам надо.

Mangy: Анка-хулиганка пишет: Да лан вам. Человеку надо выложить в сеть файл картиночный, вот и все. Если бы, все гораздо прозаичнее оказалось - нужно было просто скачать картинку. Анка-хулиганка пишет: А что прискорбного-то? Вопрос не то что не в тему, а вообще не с той стороны. Анка-хулиганка пишет: Photobucket, Picasa, etc. Если, конечно, я правильно поняла, что вам надо. Так может тогда сервисы radikal или imagehack, чтобы в сеть выложить (я надеюсь, что не в локальную). Вот и я также сидел и гадал, что же надо-то.

nimfa-manka: Mangy ой, короче...всё с вами ясно Анка-хулиганка, спасибо..у меня раньше была пикаса для других целей, но не думала я что она картинки на сеть выставляет, ладно попробую перезагрузить эту прогу ещё раз.

Анка-хулиганка: nimfa-manka пишет: у меня раньше была пикаса для других целей, но не думала я что она картинки на сеть выставляет Интересно, а для каких она у вас целей была, если не для этой?

nimfa-manka: Анка-хулиганка пишет: Есть большой текст, допустим FAQ вы узнали что якорь, а не подскажите как называется значок который наоборот с низу идёт к началу страницы? Вот такой как например стоит под каждой инфой об участнике нашего форума? стрелочки?

Mangy: Как ни прискорбно ещё, - здесь обсуждают как создать гиперссылку на переход к конкретной информации на своём сайте, то есть сайт свой создают с нуля и вопросы соответствующие.

nimfa-manka: сайт создавала не я, я не программист, просто сейчас у меня задача просто upload the html file to a site, что плохого в том, что я интересуюсь об этом здесь? Я вас не понимаю, чё так злиться то...?

Mangy: Я не злюсь, я даже не пытаюсь понять, что вы хотите в конечном счете, просто из-за того, что непонятна суть вашего вопроса, по-шымкентски - догнать не могу - чего же вы хотите?

nimfa-manka: Mangy пишет: не злюсь, я даже не пытаюсь понять, что вы хотите в конечном счете с вами всё ясно, если не пытаетесь понять что мне нужно, что же тогда пишите не то о чём спрашивают, ваши болячки-не догонять по-шымкентски...

Mangy: nimfa-manka, вы то хоть сам поняли о чем спросили? nimfa-manka пишет: ваши болячки-не догонять по-шымкентски... Ой, жаным, если бы я не догонял, то я бы не участвовал по воле Божьей в строительстве и запуске и отладки Мега-Центра Шымкент и ныне не был бы директором фирмы. Может это? - страшно только то, что простым перебором слов в поисковике я отвечу на ваш вопрос чужими решениями.

nimfa-manka: я не поняла, зачем мне качать сайт, если мне нужно запарковать свой файл, который сама же и создала, а если бы вы были директором фирмы, вы бы об этом не орали на весь форум

Mangy: nimfa-manka пишет: если мне нужно запарковать свой файл, который сама же и создала Мне кто нибудь объяснит, что это значит-то? У-у-у, я уже отстал от прогресса, новые термины размножаются. nimfa-manka пишет: а если бы вы были директором фирмы, вы бы об этом не орали на весь форум Ору я редко, а сам себя не похвалишь, никто не похвалит - строители научили. Знаете, что самое непонятное для меня, - я понять не могу, чего вам нужно.



полная версия страницы