Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.02.2021, 11:34
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 668

А можно ли так верстать?
<a href="https://yandex.ru/">
    <div>Тут див с какими то размерами фото и текстом. И возможно еще какой то еще div а может даже два</div>
</a>


То есть блок обернуть в ссылку.
Я просто слышал что лучше так не делать.
Ответить с цитированием
  #2 (permalink)  
Старый 11.02.2021, 11:47
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Тут проблема в оформлении.
Надо оформить так, что бы пользователь понимал, что все это одна ссылка и кликать можно по чему угодно, если надо перейти, и что это не просто какие то поясняющие тексты, а именно ссылки и что просто так по ним кликать не надо.
Ответить с цитированием
  #3 (permalink)  
Старый 11.02.2021, 12:05
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 668

Сообщение от voraa Посмотреть сообщение
Тут проблема в оформлении.
Надо оформить так, что бы пользователь понимал, что все это одна ссылка и кликать можно по чему угодно, если надо перейти, и что это не просто какие то поясняющие тексты, а именно ссылки и что просто так по ним кликать не надо.
Я больше спрашивал с точки зрения верстки, что то из серии а если такие рекомендации так не делать.
То что пользователь поймет это согласен.
Ответить с цитированием
  #4 (permalink)  
Старый 11.02.2021, 12:13
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

<a> - inline-block.
block можно класть в inline-block.
Остальное вопрос конкретных гайдов и подходов.
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 11.02.2021, 12:23
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 668

Aetae,
То есть ссылки нужно сделать класс, где эту ссылку обозначить как inline-block

Если да а где это описано?
Ответить с цитированием
  #6 (permalink)  
Старый 11.02.2021, 12:56
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Сообщение от Сергей Ракипов
То есть ссылки нужно сделать класс, где эту ссылку обозначить как inline-block
Если нужен inline-block, то да. А так любой - ограничений нет
Ответить с цитированием
  #7 (permalink)  
Старый 11.02.2021, 13:56
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

Сообщение от Сергей Ракипов Посмотреть сообщение
Aetae,
То есть ссылки нужно сделать класс, где эту ссылку обозначить как inline-block
Нет. <a> - inline-block по умолчанию. В этом и суть. Нельзя класть блоки в inline по умолчанию(даже если переопределить классом).
__________________
29375, 35
Ответить с цитированием
  #8 (permalink)  
Старый 11.02.2021, 15:12
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Сообщение от Aetae
<a> - inline-block по умолчанию. В этом и суть. Нельзя класть блоки в inline по умолчанию(даже если переопределить классом).
<a> - inline по умолчанию.
Класть то можно. Получается не так, как хотелось бы
А вот если <a> поставить inline-block, то все как надо
<body>
<a id=adef href="https://yandex.ru/">
    <div style="position:relative;width:300px;height:200px;border:1px solid red;background:#ffccff">
    Тут див с какими то размерами фото и текстом. И возможно еще какой то еще div а может даже два
    </div>
    текст внутри a
</a>
<span>текст вне a</span>
<p></p>

<a id=ainbl href="https://yandex.ru/"style="display:inline-block;background:#ccffff">
    <div style="position:relative;width:300px;height:200px;border:1px solid red;">
    Тут див с какими то размерами фото и текстом. И возможно еще какой то еще div а может даже два
    </div>
    текст внутри a
</a>
<span>текст вне a</span>
</body>
Ответить с цитированием
  #9 (permalink)  
Старый 11.02.2021, 20:12
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

А и правда, охренеть. Пора мне на пенсию, видать.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Можно ли так сделать kolhoz jQuery 2 31.08.2015 15:20
Мой собственный башорг в скайпе))) devote Оффтопик 81 03.10.2012 00:56
Вот так интервью :) T-sh Оффтопик 13 14.04.2012 11:20
Можно ли так вызвать функцию faforty Общие вопросы Javascript 10 30.03.2012 16:21
Можно ли получить имя экземпляра объекта внутри самого объекта? Ichigeki Общие вопросы Javascript 9 14.11.2008 19:00