Jump to content

Маленьке Звірятко

Newbie
  • Posts

    23
  • Joined

  • Last visited

Маленьке Звірятко's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. На сайте А. Горбунова как раз такое подчеркивание. Интересующиеся могут прочитать ответ И. Бирмана.
  2. Делаю верстку с резиновыми колонками и фиксированными отступами между ними. .col {margin-left: 10px;margin-right: 10px;}Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так: border-left: solid 10px transparent;border-right: solid 10px transparent;Можно так?
  3. Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(data){ li.append(data); li.find('ul').stop(true, true); li.find('ul').slideDown(); li.removeClass('loading'); } }); } else { $(this).find('ul').stop(true, true); // останавливаем всю текущую анимацию $(this).find('ul').slideDown(); //находим элемент ul и вызываем анимацию slideDown } $(this).addClass("active"); // изменяем фон выбранного элемента путем добавления класса active }, function() { $(this).find('ul').slideUp('fast'); $(this).removeClass("active"); } ); }); Или может вы знаете аналогичные ajax-меню, но срабатывающее при клике? (я пробовал менять .hover на .click, конечно у меня не получилось )
  4. Я имею ввиду, что можно двумя способами: 1 <a href="#"><img src="logo.png"></a> 2 <a href="#">logo text</a> и CSS: a { background-image: url(logo.png) no-repeat; display: block; width: 200px; height: 50px; } а logo text прячут через text-indent или другими способами. Вот и интересуюсь... )) Хотя, вроде нашел ответ на свой вопрос: http://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image
  5. Согласен с Sensei. Я тоже где-то на Хабре читал в комментах, что float не предназначено для создания каркаса, и поэтому следует использовать таблицы =)) Мейер в своей известной книге «Каскадные таблицы стилей» писал, что как и «перемещение» (float) так и позиционирование при правильном использовании призвано заменить таблицы. Другого инструмента пока нет.
  6. но непонятно почему добавляет на сайте, когда jquery подключаю <script src="jquery-1.9.0.min.js" type="text/javascript"></script>
  7. вот интересная статья по теме.http://popel-studio.com/blog/article/pochemu-ne-nuzhno-ispolzovat-semanticheskie-elementy-html5.html
  8. Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
  9. Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
  10. вот мне нравится такая структура: <dl> <dt><h2>Управление опросом</h2></dt> <dd>Управление опросом — это сложная маркетинговая задача, которая влияет на опрос</dd> а валидатор ругается. А можно я так оставлю?
  11. Есть такая конструкция: <div id='wrapper'> <div id='leftwrap'> <div id='left'>тут много текста</div> </div> <div id='right'>тут много навигации</div> <div id='footer'>все права защищены</div> </div> И css: #leftwrap { width:100%; margin-left:-350px; } #left { float:left; margin-left:350px; background-color:red; } #right { float:right; width:270px; background-color:silver; } #footer { background-color:#777; } Как отменить обтекание футером колонок, кроме как <div style="clear: both;"></div> перед ним?
×
×
  • 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