VitaliyAT
-
Posts
10 -
Joined
-
Last visited
VitaliyAT's Achievements
Explorer (1/14)
-5
Reputation
-
при печати из браузера (а откуда собственно ещё печатать) тот добавляет свои колонтитулы, если сказать "отключить колонтитулы" то отключаются и фиксированные элементы. А так если бы было решение нормальное то была бы замена DocBook. Верстаешь страницу, а потом её легко преобразовать в PDF или на бумагу сразу. И ещё один момент - не фиксируются они эти зафиксированные. Вот код <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>print css test by mtness</title> <img = > <style type="text/css"> @media print { @top{font-family: Helvetica, Arial, sans-serif; font-size: 150%; font-weight: bolder; text-align: left; content: "Колонтитул"; } #watermark { display: block; position: fixed; top: 0; right: 0; z-index: 5; } p { position: relative; top: 40pt; display: block; page-break-before: always; z-index: 0; } @page { @top-left { content: "TOP SECRET"; color: red } @bottom-right { content: counter(page); font-style: italic } } } </style> </head> <body> <div id="watermark">AWESOME!</div> <p>page1</p> <p>page2</p> <p>page3</p> </body> </html> По задумке АВЕСОМЕ должно быть на всех страницах, ан нет оно есть только на первой странице. А зато ничем не скомпрометированный и никак не зафиксированный тайтл есть на каждой странице - проверял в Хром и ФаерФокс
-
http://forum.htmlbook.ru/index.php?showtopic=31656
-
<?xml version="1.0" standalone="no"?> <svg width="12cm" height="4cm" viewBox="0 0 1200 400" xmlns="http://www.w3.org/2000/svg" version="1.1"> <style> :hover { animation-name: anim1; } </style> <rect x="400" y="100" width="200" height="200" fill="red"> <animate id="anim1" attributeName="opacity" attributeType="CSS" from="0" to="1" dur="1s" begin="mouseover; anim2.end" /> <animate id="anim2" attributeName="opacity" attributeType="CSS" from="1" to="0" dur="1s" begin="anim1.end" end="mouseout"/> </rect> <rect x="400" y="300" width="200" height="200" fill="green"> <animate id="anim3" attributeName="opacity" attributeType="CSS" values="0;1;0" dur="1.5s" begin="mouseover" end="mouseout" fill="freeze" repeatCount="indefinite"/> </rect> </svg> вот сам понял как. Красный квадрат мигает постоянно после наведения, зелёный только когда мышка над ним. Если убрать freez, то будет возвращаться в исходную. Ссылки по теме: 1, 2 (тут какраз показывается как это делается через стили css) и 3
-
rus Да, смысл именно такой. sigma77 Пример не отражает требуемого. Вот если бы там можно было подсвечивать: ul (если курсор в пределах его полей, но ещё не над li), любой li, div или span (в зависимости над каким курсор), то да. Там не ясно почему div не подсвечивается, он у body последний как и span и не содержит ничего ниже себя. Итог ясен - без js не справиться. А казалось бы какая-то мелочь.
-
1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.
-
*:hover по действию равен просто :hover - дейсвие распространяется на все родительские элементы, а надо чтоб только на последний под курсором. назначить отдельный класс? - через css класс не назначишь, тем более конечные элементы заранее не известны. вопрос очень размыт - ...ну в DOM иерархии есть элементы родительские и дочерние, например: вот внизу есть кнопка "ответить" состоит из своей области, картинки и слова; если курсор над изображением зелёной-круглой стрелки, то стиль должен падать на неё; сдвинул курсор на слово "ответить" - действие на слово; сдвинул туда где нет ни картинки ни надписи - действие на кнопку (с картинкой о надписью оф кос). И при этом действие не распространяется на ячейку в которой вместе с кнопкой "Ответить" есть ещё кнопка "Открыть тему". Когда говоришь просто :hover то он какбы прошивает всё насквозь, под раздачу попадают все элементы над которым курсор и родительские тоже, а я пытаюсь как раз этого избежать.
-
Неужели такая простая (казалось бы) задача ставит опытных каскадников в тупик?!
-
на любой элемент - внимательней товарищи, любой элемент страницы, просто самый малый - тот что непосредственно под курсором. html может быть любым css только делается
-
Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент. :nth-last-child(1)+:hover - не работает
-
Меняю морду опостылевшему корпоративному сайту под свой нрав -> доступа до кода нет. Встретил элемент которому не могу вправить высоту. Стал рыть - нарыл что в html вмонтирован frameset с параметром rows="23,*,5, 20". 23 - это высота. Меняю её значение через средства разработки FireFox - меняется высота. Как мне победить этого динозавра через CSS?