Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.72/18: Рейтинг темы: голосов - 18, средняя оценка - 4.72
0 / 0 / 0
Регистрация: 11.03.2015
Сообщений: 15
1

Как вставить ссылку в ссылку

15.11.2016, 18:40. Показов 3622. Ответов 6
Метки css, html (Все метки)

Добрый день,
Есть следующий скрипт http://netilligence.ae/display.html
По нажатию на любой из всплывающих окон, открывается его подробное описание в новом всплывающем окне большего размера.
Если посмотреть на код, то сам текст большого всплывающего окна находится внутри тега <a>, на который привязан тригер, который срабатывает по событию click.
Как в это большое всплывающее окно, помимо текста вставить еще и ссылку? То есть получается ссылка внутри ссылки, противоречит синтаксису html. Если не сложно, просьба предоставить пример с переделанным моим кодом
Заранее спасибо за ответ.
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
15.11.2016, 18:40
Ответы с готовыми решениями:

Как вставить ссылку в кнопку
&lt;button class=&quot;wocb-button&quot; type=&quot;submit&quot; data-test-id=&quot;button&quot;&gt;Далее &lt;/button&gt; Вот код...

Как подвинуть ссылку?
Здрасьте. Как мне подвинуть ссылку в меню на сайте? Я сначала двигал с помощью margin-left. Но...

Как центрировать ссылку?
Почему не применяется text-align: center к ссылке. Или каким еще способом можно выровнять ссылку по...

как сделать ссылку
Нужно сделать ссылку на локальной html страничке, которая открывала бы папку (а не файл) в обычном...

__________________
6
10 / 10 / 4
Регистрация: 02.06.2015
Сообщений: 92
15.11.2016, 18:45 2
У тебя текст находится не в ссылке.
Текст у тебя в <div> а потом ещё и в <p>.

Ссылка для закрытия вообще отдельно идёт. Смело добавляй в теги <p> или <div> ещё одну ссылку рядом
0
Эксперт HTML/CSS
2953 / 2540 / 1065
Регистрация: 15.12.2012
Сообщений: 9,516
Записей в блоге: 10
15.11.2016, 18:46 3
Юморист...
Цитата Сообщение от eopen Посмотреть сообщение
просьба предоставить пример с переделанным моим кодом
Прям, как в ресторане... А где код, который переделывать? Или Вы предлагаете, код вытащить с сайта, оптимизировать и Вам подать на блюдечке?
0
0 / 0 / 0
Регистрация: 11.03.2015
Сообщений: 15
15.11.2016, 18:49  [ТС] 4
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en" >
    <head>
        <meta charset="utf-8" />
        <title>Isometric interactive interior guide with CSS3 and jQuery | Script Tutorials</title>
        <link href="css/layout.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" src="js/nadeer.js"></script>
        <script type="text/javascript" src="js/nadeer1.js"></script>
        <script src="js/main.js"></script>
    </head>
    <body>
<div class="container" >
            <div class="labels">
    
                <a id="label1" class="label" href="#">Netilligence Business Systems' Technology services helps in design, plan, integrate and deploy the most sophisticated...
                <p>Netilligence Business Systems' technology services helps in design, plan, integrate and deploy the most sophisticated technology to meet the demanding business needs of our customers.</p>
                    <span />
                </a>
             
              <a id="label2" class="label" href="#">Virtualization allows you to do more with less. Among several benefits Virtualization offers are: reduced amount of hardware...
                    <p>Virtualization allows you to do more with less. Among several benefits Virtualization offers are: reduced amount of hardware, simplified overall system management, improved availability, reliability and disaster recovery.</p>
                    <span />
                </a>
                <a id="label3" class="label" href="#">Netilligence Business Systems consulting practice provides businesses advisory services on how best to use information...
                    <p>Netilligence Business Systems consulting practice provides businesses advisory services on how best to use information technology to meet organization's business objectives.</p>
                    <span />
                </a>
                <a id="label4" class="label" href="#">Netilligence Business Systems Tech Support services offering can ensure the optimal and continual operation of your desktops...
                    <p>Netilligence Business Systems Tech Support services offering can ensure the optimal and continual operation of your desktops, servers and other IT infrastructure components.</p>
                    <span />
                </a>
                <a id="label5" class="label" href="#">We specialize in messaging and collaboration solutions based on both Microsoft Exchange and IBM Lotus Domino platform...
                    <p>We specialize in messaging and collaboration solutions based on both Microsoft Exchange and IBM Lotus Domino platform.</p>
                    <span />
                </a>
                <a id="label6" class="label" href="#">Surveillance systems are a great deterrent to crime and theft. Whether it is to protect your business...
                    <p>Surveillance systems are a great deterrent to crime and theft. Whether it is to protect your business, family, setting up an IP-based camera surveillance system allows you to monitor your home or business on a 24/7 basis.</p>
                    <span />
                </a>
            </div>
            <div class="dialog">
                <p></p>
                <a class="close">X</a>
            </div>
        </div>
   </body>
</html>
0
Эксперт HTML/CSS
2953 / 2540 / 1065
Регистрация: 15.12.2012
Сообщений: 9,516
Записей в блоге: 10
15.11.2016, 18:54 5
Лучший ответ Сообщение было отмечено eopen как решение

Решение

Цитата Сообщение от eopen Посмотреть сообщение
Если посмотреть на код, то сам текст большого всплывающего окна находится внутри тега <a>
У Вас информация не верна... Всплывает блок с классом .dialog, который содержит в себе тег параграфа и ссылки, как и сказал Moze... Поэтому если в тег параграфа добавить ссылку валидатор не заругает...

Ну и чтобы было... Из любого тега можно сделать ссылку... К примеру:
HTML5
1
<span onclick="location.href='https://www.cyberforum.ru'">Киберфорум</span>
CSS
1
span{cursor:pointer}
0
0 / 0 / 0
Регистрация: 11.03.2015
Сообщений: 15
15.11.2016, 19:03  [ТС] 6
HTML5
1
2
3
4
       <a id="label1" class="label" href="#">Netilligence Business Systems' Technology services helps in design, plan, integrate and deploy the most sophisticated...
                <p>Netilligence Business Systems' technology services helps in design, plan, integrate and deploy the most sophisticated technology to meet the demanding business needs of our customers.</p>
                    <span />
                </a>
span то находится внутри <a>!
0
Эксперт HTML/CSS
2953 / 2540 / 1065
Регистрация: 15.12.2012
Сообщений: 9,516
Записей в блоге: 10
15.11.2016, 19:55 7
Цитата Сообщение от eopen Посмотреть сообщение
span то находится внутри <a>!
Если это span, то у Вас неверный синтаксис!!! Как оформляется span:
HTML5
1
<span></span>
Как сделать из спана ссылку рассказал в посте #5.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
15.11.2016, 19:55

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как добавить ссылку ?
как добавить ссылку в &lt;select&gt;/ &lt;option&gt; ? &lt;select&gt; &lt;option&gt;123&lt;/option&gt; ...

Как сделать внутреннюю ссылку
Делаю простенький web сайт использую фреймы , разделил на 3 рамки ( шапка , меню и текст). Суть...

Как создать плавающую ссылку?
как создать плавающую внутринию ссылку, которая будет при проматывании страницы вниз всегда...

Как корректно задать ссылку
Привет, друзья. Ситуация такова. Есть страница с дешевыми авиабилетами. Идея в том, что юзер...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.