Zverushka
-
Posts
1,542 -
Joined
-
Last visited
-
Days Won
24
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Zverushka
-
http://jsfiddle.net/y4mKD/ все ведь так и есть, как вы хотите сделать изначально. Важная информация на разных строках...
-
Sublime text 2. Навигация наверное все же вертикальная...
-
Горизонтальная прокрутка товаров и эффект при наведени
Zverushka replied to Bryant-24's question in HTML Coding
Внешний div - дать ему фиксированную высоту и все. div { height: 200px;} например. Или я не понимаю вопроса. -
http://jsfiddle.net/wK8GZ/
-
Кстати htmlbook не учит верстать на таблицах! Я до него вообще не знала, что такое блочная верстка, а после - забыла о ней, как о страшном сне.
-
В код не надо лезть совсем, просто у конкретного слайдера должны быть настраиваемые параметры, вроде скорости анимации, ты пропишешь типа $(function(){ $('.slider').slides({ preload: true, /* загрузка картинок до показа слайдера */ play: 5000, pause: 2500, /* задержка */ slideSpeed: 600, /* это скорость слайдера */ hoverPause: true }); }); Для этого никаких знаний не требуется! Говорю же, все по образцу. Я вот целую книжку по jQuery прочитала (чтобы слайдеры прикручивать, а оказалось - качаешь и прописываешь параметры и все =), но ни за что не полезу в код чужого слайдера). В коде нужно разбираться, чтобы свой слайдер сделать.
-
Все очень плохо. Не указан доктайп документа в самом начале. <!doctype html> В результате каждый браузер отображает сайт как хочет, а не согласно общепринятым стандартам. Плюс тут смешанная верстка, шапка делается дивами, а то, что съезжает делается таблицей (в таблицах уже никто не верстает! и они ужасны!), к тому же еще обрамлено тегом <center>, который морально устарел и никто им не пользуется. Как результат - нужно заново переделать всю верстку с нормальным доктайпом, так как если его просто взять и указать, на сайте едет все в тар-тарары ).
-
Вроде все элементарно, ответ в заголовке - просто fixed слой и все. http://jsfiddle.net/nAGnn/1/
-
Для начала вообще не рабочий код html, поэтому изначально все крашится. <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="style2.css"> <script type="text/javascript" src="js-1.js"></script> <FORM action="***" method="post"> /****** Что это??? Удаляем ******/ <body onload="listLoad();"> <div id="header"> <h1>Работаем с локальным хранилищем</h1> </div> <div id="notes"> <h3> Список записей</h3> <ol id="notelist"></ol> </div> <div id="note"> <form id="formnote"> <fieldset> <table> <tr> <td><label class="notefield">Наименование </label></td> <td colspan=2> <input id="notename" type="text" class="notefield"></input> /****** Удаляем закрывающийся тег ******/ </td> </tr> <tr> <td><label class="notefield">Текст записи </label></td> <td colspan=2> <textarea id="notecontent" rows=10></textarea> </td> </tr> <tr> <td></td> <td class="notebtn"><button id="save" type="submit" onclick="saveNote(); " >Сохранить</button></td> <td class="notebtn"><button id="delete" type="submit" onclick="deleteNote();" >Удалить</button></td> </tr> </table> </fieldset> </form> </div> <div id="footer"> <p class="footertext">2013 г.</p> </div> </body> В скрипте не закрыта куча скобочек. В принципе я это все собрала в один файл на своем компьютере, функции более менее работают, даже выдается список из добавленных записей, но не отображается само содержимое списка и они не загружаются в форму. В jsfiddle это все дело почему-то не пашет, он спотыкается даже на функции saveNote() и говорит, что она не определена. Не понимаю почему. Вот для начала немного подчищенный код... http://jsfiddle.net/wBSyd/5/ А вот код из файла, где хоть немного работает <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Строчные элементы</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <style type="text/css"> body { background-color:#F7F7F7; } #notes{ float:left; width:250px; } #note{ float:left; margin-left:20px; } #footer{ clear:left; text-align:center; font-style:italic; } #formnote{ margin-top: 30px; } .notebtn{ text-align:center; } #notecontent, #notename{ width:450px; } .notebtn{ text-align:center; } td{ vertical-align:top; } h1, h3{ font-style:italic; text-align:center; } fieldset { border:1px dashed #CCC; padding:10px; } label { width:142px; height:32px; background-color:#CCCCCC; float:left; display: block; font-family:Arial, Helvetica, sans-serif; font-size: 100%; letter-spacing: -1px; font-weight: normal; line-height: 1.1; color:#666; } .notefield{ margin-top:3px; margin-right:2px; padding-top:11px; padding-left:6px; height:32px; } a:link, a:visited { color:#666; font-style:italic; font-weight:500; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } a:hover, li:hover{ color:#666; font-style:italic; font-weight:bolder; cursor: pointer; } </style> </head> <body onload="listLoad();"> <div id="header"> <h1>Работаем с локальным хранилищем</h1> </div> <div id="notes"> <h3>Список записей</h3> <ol id="notelist"></ol> </div> <div id="note"> <form id="formnote"> <fieldset> <table> <tr> <td> <label class="notefield">Наименование</label> </td> <td colspan=2> <input id="notename" type="text" class="notefield"></td> </tr> <tr> <td> <label class="notefield">Текст записи</label> </td> <td colspan=2> <textarea id="notecontent" rows=10></textarea> </td> </tr> <tr> <td></td> <td class="notebtn"> <button id="save" type="submit" onclick="saveNote(); " >Сохранить</button> </td> <td class="notebtn"> <button id="delete" type="submit" onclick="deleteNote();" >Удалить</button> </td> </tr> </table> </fieldset> </form> </div> <div id="footer"> <p class="footertext">2013 г.</p> </div> <script> function saveNote() { var name = document.getElementById('notename').value; var content = document.getElementById('notecontent').value; if(content == '') { alert('Введите валидный текст!'); } else { if (name == 0) { alert('enter valid note name'); } else {localStorage[name] = content;} return; } } function listLoad() { var list = document.getElementById('notelist'); for(var i in localStorage) { var a = document.createElement('a'); a.setAttribute('onclick', "loadNote('"+i+"'); return false;"); a.innerText = i; var element = document.createElement('li'); element.appendChild(a); list.appendChild(element); } } function loadNote(v) { document.getElementById('notecontent').value = localStorage[v]; document.getElementById('notename').value = v; } function deleteNote() { var name = document.getElementById('notename').value; if (name != '') { localStorage.removeItem(name); } else {alert('note not found');} } </script> </body> </body> </html>
-
Не надо самому делать слайдер - просто берешь и прикручиваешь готовый, указывая какие слои нужно слайдить $("#slider").slides(); В таком духе будет выглядеть файл скрипта, ну и разве что еще там будут прописаны какие-то параметры, которые вы впишите по образцу из документации конкретного слайдера.
-
Вот скриптик, который делает то, что нужно. И не нужно никаких "onlick" в теле html (еще бы убрать табличную верстку!). http://jsfiddle.net/cJ8MV/9/
-
<input type="hidden" value="'.$IdOtd.'" id="IdOtd" name="IdOtd"></td> Что получается, что на странице несколько инпутов с одинаковыми ID, которые в принципе должны быть уникальными? Поэтому скрипт берет всегда первый ид, что он нашел на странице с этим именем...
-
Как сделать что бы margin-left не воздействовал на родителя
Zverushka replied to Hol1killer's question in HTML Coding
Вам надо дать ссылку на свою неверно работающую страницу... -
Извиняюсь, маленькую ошибку допустила, не "if(box.scrollTop()>300){", а "if($(this).scrollTop()>300){" http://jsfiddle.net/cJ8MV/7/
-
Первая ошибка - не this, а $(this). Вторая, когда ты входишь в функцию myBox() $(this) - это ".myBox", а во внутренней функции scroll $(this) - это уже window. Поэтому первое, что нужно сделать в myBox() - это записать значение this в переменную. var box = $(this); и уже использовать его. jQuery(document).ready(function(){ (function( $ ){ $.fn.myBox = function() { var box = $(this); jQuery(window).scroll(function () { if (box.scrollTop() > 300) { box.fadeIn(); } else { box.fadeOut(); } }); }; })( jQuery ); }); jQuery(".box").myBox();
-
Как раскрутиться новичку и сделать портфолио?
-
Подскажите, как реализованы исчезающие колонки на этом сайте? http://css-tricks.com/ Вроде исчезают при отключенном js, но не могу разобраться в коде...
-
Можно еще последнему li (который позиционируется как float: left ) сделать float: none и он продолжит обтекать справа остальные элементы и при этом займет всю доступную ширину. li:last-child { float: none; } Только last-child работает в ие9 и выше.
-
Надо поставить html, body { height: 100% }
-
Это пробел... откуда он берется - надо смотреть скрипт...
-
Можно еще line-height: 60px; и само выровняется по центру.
-
Еще у серого элемента задана граница, но ее не видно, потому что надо включить для div'a overflow: hidden; Красный блок, который позиционируется по высоте в процентах - переодически залазит наверх. если сужать окно браузера по ширине. Происходит это потому, что проценты по высоте высчитываются от ширины элемента, а она сужается.
-
Верстка без картинок на ccs3 - с каких версий браузеры понимают?
Zverushka posted a question in HTML Coding
Если верстать градиенты, тени и закругленные границы без картинок, а с помощью css3 - то какие версии браузеров будут их отображать нормально? Ослик 8 - не понимает же border-radius? Получается в нем все будет квадратным, а 9й осел вообще не поймет градиенты. Как же быть тогда? Верстальщики обычно не поддерживают 7, ну максимум 8 осел, но не 9й же вычеркивает из верстки... Или для него задаем свои стили с помощью условных комментариев отдельно? (но тогда вообще проще на картинках же сверстать для всех браузеров .. ) В общем с каких версий разных браузеров можно смело использовать css3, вместо картинок? -
Паддинги нормальные, но шрифт в одном случае шире и по-моему даже выше на пиксель. Если дробную часть у размера шрифта убрать - проблема остается?
-
Мммм, не понимаю. Нужно, чтобы в меню просвечивался фон body полностью без перегородок? Типа такого? http://jsfiddle.net/WxdQp/16/ В этом точно есть смысл? Ведь тогда меню становится нечитабельным. Фона, цвета, бэкграунда у меню вообще не будет?
