Как сделать чтобы ссылка занимала весь контент

@sendxt · Регистрация: 25.04.2012

Студворк — интернет-сервис помощи студентам

Как сделать чтобы ссылка занимала весь контент, который внутри неё?

А то теперь её площадь занимает снизу как-то <li></li> и получается, что кликая, у меня не всегда открывается файл...

И ещё желательно чтобы <i></i> был отцентрирован напротив текста ссылки

HTML5
1
2
3
4
5
6
<li class="file-added-block">
    <a target="_blank" download="" href="/uploads/team/e92b2f5d0a05bd8bdcf5e919af872a1d.txt">
         <label for="news_files_10"><input id="news_files_10" name="news[files][]" value="10" checked="checked" type="checkbox">Untitled Document</label>
    </a>
    <i id="detach-file" class="material-icons">clear</i>
</li>

@web-tech · 30.03.2017, 11:30

Зачем input внутри ссылки?

@sendxt · 30.03.2017, 11:34 **[ТС]**

web-tech, содержимое автоматически образуется, label с инпутом который hidden , и мне надо чтобы по клику на label сработала ссылка

@web-tech · 30.03.2017, 11:45

Автоматически не значит, что не нужно знать спецификацию по тегу a https://www.w3.org/TR/html5/te... -a-element

Content model:
Transparent, but there must be no interactive content descendant.

Не могут ссылки содержать интерактивные (https://www.w3.org/TR/html5/do... -content-0) элементы, к которым относится и input (кроме type hidden).

@mrtoxas · 30.03.2017, 12:14

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>
    .li-content{
      display: inline-block;
      text-align:center;
    }
    ul{
      margin:0;
      padding:0;
      list-style:none;
    }
    label{
      display: block;
      text-align:left;
    }
  </style>
</head>
<body>
  <ul>
  <li>
    <div class="li-content">
      <label><input onclick="window.open('/uploads/team/e92b2f5d0a05bd8bdcf5e919af872a1d.txt','_blank');" type="checkbox" /> Untitled Document</label>
      <i id="detach-file" class="material-icons">clear</i>
    </div>
  </li>    
</ul>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Перейдите по ссылке:. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .

@web-tech 34 / 34 / 14 Регистрация: 10.06.2015 Сообщений: 57
	30.03.2017, 11:30
	Зачем input внутри ссылки? 0

@sendxt 11 / 11 / 13 Регистрация: 25.04.2012 Сообщений: 1,163
	30.03.2017, 11:34 [ТС]
	web-tech, содержимое автоматически образуется, label с инпутом который hidden , и мне надо чтобы по клику на label сработала ссылка 0

Как сделать чтобы ссылка занимала весь контент

Решение