Как обрезать ссылки по маске?

@Блондинка йа · Регистрация: 08.03.2019

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

Кто знает как обрезать ссылки по подобной маске?

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
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
 
<body>
    <style>
        svg {
            width: 300px;
            height: 120px;
        }
    </style>
    <svg viewBox="-5 -5 310 130">
        <style>
            path {
                stroke: #999;
                stroke-width: 1px;
                fill: none;
            }
        </style>
        <path d="M 0 0 L 300 0 L 300 100 L 150 120 L 0 100 z"></path>
    </svg>
</body>
 
</html>

в <div id="menu2"> по 10 пикселей снизу

PHP/HTML
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
    <title>transform</title>
    <style>
        body { font: 14px normal Times, serif; position: relative; }
        div { border: 1px solid #999; padding: 5px; margin: 5px; }
        a { text-decoration: none; } 
        a:active, a:link { color: #005aff; } 
        a:visited { color: #5995ff; } 
        a:hover { color: #7a00ff; }
        .act { color: #f0f0f0; text-shadow: 1px 1px #009900, 1px -1px #009900, -1px 1px #009900, -1px -1px #009900, 1px 0px #009900, -1px 0px #009900, 0px 1px #009900, 0px -1px #009900; }
        a.efg:active, a.efg:link { color: #167016; }
        a.def:active, a.def:link { color: #127a12; }
        a.cde:active, a.cde:link { color: #0d850d; }
        a.bcd:active, a.bcd:link { color: #068f06; }
        a.abc:active, a.abc:link { color: #009900; }
                #menu1 { height: 30px; overflow-x: scroll; white-space: nowrap; }
                #menu2 { height: 40px; overflow-x: scroll; white-space: nowrap; border: 1px solid transparent; border-top-color: #999; }
                #menu1 a { width: 23%; text-align: center; display: inline-block; background: #f0f0f0; border: 1px solid #c0c0c0; border-radius: 8px/5px; margin: 0 0 2px; padding: 5px; }
                #menu2 a { width: 18%; height: 29px; text-align: center; display: inline-block; background: #f0f0f0; border: 1px solid #999; border-radius: 8px 8px 0 0 / 5px 5px 0 0; margin: 0 0 2px; padding: 5px; }
                #menu3, #menu4, #menu5 { width: 212px; height: 160px; overflow-y: scroll; }
                #menu_right { width: 214px; border: none; position: absolute; right: 10px; margin-top: -10px; }
                #menu3 a, #menu4 a, #menu5 a, #menu5 .act  { width: 200px; display: block; background: #f0f0f0; border: 1px solid #c0c0c0; border-radius: 8px/5px; margin: 0 0 2px; padding: 5px; }
#link_one {  }
    </style>
<script src="/js/menu_big.js"></script>
</head>
<body>
<div class="menu" id="menu1">
    <a href="/razdel_01/">razdel_01</a>
    <a href="/razdel_02/">razdel_02</a>
    <a href="/razdel_03/">razdel_03</a>
    <a href="/razdel_04/">razdel_04</a>
    <a href="/razdel_05/">razdel_05</a>
    <a href="/razdel_06/">razdel_06</a>
    <a href="/razdel_07/">razdel_07</a>
    <a href="/razdel_08/">razdel_08</a>
    <a href="/razdel_09/">razdel_09</a>
    <a href="/razdel_10/">razdel_10</a>
    </div>
    <div class="menu" id="menu2">
        <a href="/razdel_01/podrazdel_01/">podrazdel_01</a>
        <a href="/razdel_01/podrazdel_02/">podrazdel_02</a>
        <a href="/razdel_01/podrazdel_03/">podrazdel_03</a>
        <a href="/razdel_01/podrazdel_04/">podrazdel_04</a>
        <a href="/razdel_01/podrazdel_05/">podrazdel_05</a>
        <a href="/razdel_01/podrazdel_06/">podrazdel_06</a>
        <a href="/razdel_01/podrazdel_07/">podrazdel_07</a>
        <a href="/razdel_01/podrazdel_08/">podrazdel_08</a>
        <a href="/razdel_01/podrazdel_09/">podrazdel_09</a>
        <a href="/razdel_01/podrazdel_10/">podrazdel_10</a>
        <a href="/razdel_01/podrazdel_11/">podrazdel_11</a>
        <a href="/razdel_01/podrazdel_12/">podrazdel_12</a>
        <a href="/razdel_01/podrazdel_13/">podrazdel_13</a>
        <a href="/razdel_01/podrazdel_14/">podrazdel_14</a>
        <a href="/razdel_01/podrazdel_15/">podrazdel_15</a>
            </div>
        <div id="menu_right">
        <div class="menu" id="menu3">
            <a href="/razdel_01/podrazdel_01/podpodrazdel_01/">podpodrazdel_01</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_02/">podpodrazdel_02</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_03/">podpodrazdel_03</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_04/">podpodrazdel_04</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_05/">podpodrazdel_05</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_06/">podpodrazdel_06</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_07/">podpodrazdel_07</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_08/">podpodrazdel_08</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_09/">podpodrazdel_09</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_10/">podpodrazdel_10</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_11/">podpodrazdel_11</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_12/">podpodrazdel_12</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_13/">podpodrazdel_13</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_14/">podpodrazdel_14</a>
            <a href="/razdel_01/podrazdel_01/podpodrazdel_15/">podpodrazdel_15</a>
            </div>
            <div class="menu" id="menu4">
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/">podrazdel-a</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-b/">podrazdel-b</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-c/">podrazdel-c</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-d/">podrazdel-d</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-e/">podrazdel-e</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-f/">podrazdel-f</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-g/">podrazdel-g</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-h/">podrazdel-h</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-i/">podrazdel-i</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-j/">podrazdel-j</a>
            </div>
            <div class="menu" id="menu5">
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/01.html" id="link_one">page-01</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/02.html">page-02</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/03.html">page-03</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/04.html">page-04</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/05.html">page-05</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/06.html">page-06</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/07.html">page-07</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/08.html">page-08</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/09.html">page-09</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/10.html">page-10</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/11.html">page-11</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/12.html">page-12</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/13.html">page-13</a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/14.html">page-14 </a>
                <a href="/razdel_01/podrazdel_01/podpodrazdel_01/podrazdel-a/15.html">page-15</a>
</div>
</div>
</body>
</html>

@SD163 · 07.04.2019, 08:34

Блондинка йа, ../podrazdel-a/15.html

@Блондинка йа · 10.04.2019, 21:15 **[ТС]**

Почему фон не обрезается на странице как можно обрезать?

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@SD163 9 / 6 / 3 Регистрация: 25.08.2018 Сообщений: 262
	07.04.2019, 08:34
	Блондинка йа, ../podrazdel-a/15.html 0

@Блондинка йа 13 / 12 / 1 Регистрация: 08.03.2019 Сообщений: 279
	10.04.2019, 21:15 [ТС]
	Почему фон не обрезается на странице как можно обрезать? 0