Jump to content

e1f

User
  • Posts

    170
  • Joined

  • Last visited

Everything posted by e1f

  1. В фаерфоксе без геморроя никак, в осле и опере работают свойства: text-overflow:ellipsis; -o-text-overflow: ellipsis;
  2. FireBug -- плугин для ФФ для просмотра нутра страницы. А что именно не так?
  3. И все-таки это не совсем Строго единожды будет при удалении обработчика события после выполнения функции.
  4. Посмотрел на сайте в фаербаге... убери рисунку float:left, поставь ссылке в которой рисунок display: block и float:left, и выглядит вроде бы так как тебе надо
  5. if (document.getElementById('your_id').innerHTML == '') { load_content(); }
  6. <li><a class="img_a"><img src="" width="40" height="40" style="float: left;" /></a><a>Текст ссылки, который должен выравниваться вертикально по середине, при том что текст может быть и в две и в три строки</a></li> CSS: .img_a { display:block; float:left; }
  7. Действительно. Тем более разрешение экрана тут вообще не причем
  8. Хм... А что если пришли пустые данные?
  9. Ну, не совсем единственный. Можно еще удалять обработчик в самой функции.
  10. Ну, чтобы была прога в которой можно смотреть как рендерится в разных браузерах... честно говоря не встречал. Полезная была бы штука
  11. Если абсолютно одинаковые браузеры и версии, то скорее всего кэш не почищен... Очисти кэш и обнови страницу.
  12. Нормальный скроллер, просто ненастроенный. Установи в переменную stopwidth значении ширины дива с id container и все ок
  13. Тут ошибка: function SIText(cobj){ ... sltxt.style.display="block" ... Замени строку на imgtxt.style.display="block"
  14. e1f

    jquery

    Событие. Он не надо, это я забыл убрать
  15. e1f

    jquery

    Понял. Проблема в том что скрипт выполняется до того, как появится таблица. Всю эту штуку надо впихнуть в $(document).ready. Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#index").click(function(e){ $("#menu").animate({top:"150px"},1000);}); }); </script> <style type="text/css"> #menu{position:absolute;top:80px;left:210px;} #index,#tire,#disk,#contacts{background:url(images/menu.png);width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} </style> </head> <body> <table align="center" cellpadding="0" cellspacing="0" width="1024"> <tr> <td width="194" height="64" id="navigation"></td> <td> <table id="menu"> <tr> <td id="index" style="border:1px solid green;">INDEX</td> <td id="tire"></td> <td id="disk"></td> <td id="contacts"></td> </tr> </table> </td> </tr> </table> </body> </html> + обрамляйте атрибуты кавычками
  16. e1f

    jquery

    А библиотека подключается или нет? Попробуйте написать что-то вроде <script type="text/javascript"> console.log($('body').html()); </script>
  17. e1f

    jquery

    Почитай как правильно использовать jQuery.animate(): здесь или здесь animate(params, [duration], [easing], [callback]) возвращает: jQuery Это функция для построения своей, пользовательской анимации. У этой функции один обязательный аргумент, представляющий собой объект состоящий из пар ключ/значение. В качестве ключа выступает CSS-свойство, которое должно быть анимировано (например: "height", "top", or "opacity"). Обратите внимание, что свойства должны быть определены с использованием camel case (т.е. например marginLeft вместо margin-left). В качестве значения выступает "целевое" значение соответствующего CSS-свойства. Например, если в качестве значения выступает какая-либо цифра, то соответвующее свойство будет трансформировано из своего текущего состояния, в новое состояние. Обратите внимание, что поддерживаются только свойства, имеющие в качестве значения какие-либо числа (или "hide", "show", "toggle"). Например backgroundColor не поддерживается.
  18. Или убери height у дивов. Или проставь: .center { float:left; }
  19. Cпасибо, понял. Но сработало только так: <body> <span>Селекты:</span><select> <option>Option one</option> <option>Option two</option> </select><select> <option>Option one</option> <option>Option two</option> </select><select> <option>Option one</option> <option>Option two</option> </select><span>Текст после селектов.</span><span>Еще 1 текст.</span> </body> Не, насчет Майкрософт погорячился... походу наличие символов между инлайн-элементами считается пробелами...
  20. Имеется такой подопытный код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> select { display: none; visibility: hidden; } span { margin : 0px; padding: 0px; border: 1px solid green; } </style> </head> <body> <span>Селекты:</span> <select> <option>Option one</option> <option>Option two</option> </select> <select> <option>Option one</option> <option>Option two</option> </select> <select> <option>Option one</option> <option>Option two</option> </select> <span>Текст после селектов.</span> <span>Еще 1 текст.</span> </body> </html> В результате: в ФФ и Опере все так как надо -- спаны рядом, с одинаковым промежутком. В ИЕ6: между первым и вторым спанами большой промежуток, размар которого зависит от кол-ва скрытых селектов Возможно ли как-то это поправить?
  21. e1f

    Personal HollyWar

    Списки ( <ol>, <ul> ) из 1 элемента возможно и не использую, но списки из одного определения пользовал точно... Даже нашел только что где Удобно оформлять ФАКи -- <dl> <dt>Вопрос</dt> <dd>Ответ</dd> </dl>
  22. e1f

    Personal HollyWar

    Хм... а где противоречие с семантикой списка? Список из 1 элемента -- ну и хорошо... не пустой же
  23. Поставь доктайп. Так работает: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> body { margin: 0; padding: 0; font-family: Arial; line-height: 25px; background: #fff; } .center { width: 80%; margin: 0 auto; } .block { float:left; margin: 6px; width: 189px; height: 189px; background: #f00; } </style> </head> <body> <div class="center"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> </body>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy