bios
Newbie-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by bios
-
Посоветуйте програму для рисования в PNG под иконки в CSS
bios replied to bios's question in HTML Coding
Ну одно дело вставить букву сверху и залить нужным цветом, а другое сделать её прозрачной. Просто букву уже не вставишь. Вот и прошу совета) -
Посоветуйте в чем нарисовать иконки в PNG с элементами имеющими прозрачные области. К примеру логотип Вконтакте: квадрат с вырезанной буквой "В" в центре. К примеру в фотошопе приходится вырезать букву В в ручную, что не очень радует. Может есть попроще и покрасивее способы? Спасибо.
-
Нет, ну если уж ссылку на transition дали, почему нет то). Синтаксис, если не ошибаюсь такой — transition: all(свойство) 2s(продолжительность) 1s(задержка); Но лучше проверить наверняка. Спасибо! Добавил: .demo span{ /*CSS for enlarged image*/ position: fixed; background-color: lightyellow; border: 1px dashed gray; padding: 5px; left: 5px; top: 5px; visibility: hidden; color: black; text-decoration: none; -webkit-transition: all 0.1s cubic-bezier; -webkit-transition-delay: 1s; -moz-transition: all 0.1s cubic-bezier; -moz-transition-delay: 1s; -o-transition: all 0.1s cubic-bezier; -o-transition-delay: 1s; } В Хроме и мозиле картинка стала появятся с задержкой(как и требовалось). Но в опере в сразу, и при этом, если убрать курсор, продолжает отображаться еще секунду=\
-
Нет,совсем по другому, Картинка всплывает при наведении на ссылку курсора. А возможно ли добавить задержку, чтобы картинка появлялась не в сразу, а через пару секунд после удержания курсора на ссылке?
-
Сохранить чтобы иметь возможность просмотреть, и отредактировать. Т.е. таблицу сформированную в JS невозможно сохранить? даже использую PHP+ MySQL ?
-
Я сделал файл на своем ПК,с ява скриптом, который создает новые строки в таблице, в которую я забиваю значения. Но нет возможности сохранить готовую таблицу ( только принскрином) <table id="myTable" border="1" cellpadding="2"> <tr> <td>Дата </td><td>Модель принтера</td><td>Модель картриджа</td><td>Ответственный</td><td>Фирма</td><td colspan ="4">Выполненые работы</td><td>Стоймость</td><td>Заправщик</td> </tr> </table> <script LANGUAGE="JavaScript"> function addRow(id){ var tbody = document.getElementById (id).getElementsByTagName("TBODY")[0]; var row = document.createElement("TR") var td1 = document.createElement("TD") td1.innerHTML = '<input type="date">' var td2 = document.createElement("TD") td2.innerHTML = '<select><option>пункт</option>' var td3 = document.createElement("TD") td3.innerHTML = '<select><option>пункт</option>' var td4 = document.createElement("TD") td4.innerHTML = '<select><option>пункт</option>' var td5 = document.createElement("TD") td5.innerHTML = '<select><option>пункт</option>' var td6 = document.createElement("TD") td6.innerHTML = '<select><option>Зап.</option><option></option><option>Бар.</option><option>Кор.</option><option>Маг.</option><option>Рак.</option>' var td7 = document.createElement("TD") td7.innerHTML = '<select><option> </option>' var td8 = document.createElement("TD") td8.innerHTML = '<select><option> </option>' var td9 = document.createElement("TD") td9.innerHTML = '<select><option> </option>' var td10 = document.createElement("TD") td10.innerHTML ='<input type="number" >' var td11 = document.createElement("TD") td11.innerHTML ='<select><option> </option>' row.appendChild(td1); row.appendChild(td2); row.appendChild(td3); row.appendChild(td4); row.appendChild(td5); row.appendChild(td6); row.appendChild(td7); row.appendChild(td8); row.appendChild(td9); row.appendChild(td10); row.appendChild(td11); tbody.appendChild(row); } </script> <a href="javascript://" onclick="addRow('myTable');return false;">Добавить строку</a> 1. Посоветуйте как проще реализовать возможность сохранить таблицу. 2. В идеале возможность редактировать её. 3. И совсем в идеале, сохранять таблицы по месяцам. И видеть перечень сохраненного. Есть возможность закинуть файл на сервер с Апатчем.
-
Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: fixed; visibility: visible; top: 0; left:0px; /*position where enlarged image should offset horizontally */ } </style> В таблицу вставляю это: <td><a class="demo" href="#"></a><a class="demo" href="#">Наименование в ячейке<span><img src="адрес фото" border="0" /><br /> описание при фото</span></a></td> Но что хочется поправить: При наведении появляется картинка, и она же остается если продолжить водить курсором по самой картинке. А хочется,чтобы картинка пропадала, как только курсор убирают с "Наименование в ячейке"