Jump to content

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

Newbie
 View Profile  See their activity

  • Posts

    23

  • Joined

  • Last visited

 Content Type 

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

  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. Маленьке Звірятко
    ну так это само собой разумеется
  7. Маленьке Звірятко
    Логотип должен быть картинкой или фоном?
  8. Маленьке Звірятко
    но непонятно почему добавляет на сайте, когда jquery подключаю <script src="jquery-1.9.0.min.js" type="text/javascript"></script>
  9. Маленьке Звірятко
    вот интересная статья по теме.http://popel-studio.com/blog/article/pochemu-ne-nuzhno-ispolzovat-semanticheskie-elementy-html5.html
  10. Маленьке Звірятко
    Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
  11. Маленьке Звірятко
    Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
  12. Маленьке Звірятко
    вот мне нравится такая структура: <dl> <dt><h2>Управление опросом</h2></dt> <dd>Управление опросом — это сложная маркетинговая задача, которая влияет на опрос</dd> а валидатор ругается. А можно я так оставлю?
  13. Маленьке Звірятко
  14. Маленьке Звірятко
    LittlePony, спасибо
  15. Маленьке Звірятко
    Есть такая конструкция: <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> перед ним?
  16. Маленьке Звірятко
    При кроссбраузерной верстке, на какие версии браузеров следует ориентироватся?
  17. Маленьке Звірятко
    У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul. И в Опере 9й версии тоже тупит, то работает, то не работает.
  18. Маленьке Звірятко
    Мне тоже интересно интересно как осуществляется верстка кнопок. Особенно закругленные кнопки и тень под кнопкой, кроме box-shadow
  19. Маленьке Звірятко
    mrnobody, спасибо, посмотрю. Меня сейчас интересует такой вопрос: фон для главного меню, как делать? Вырезать целиком (613px X 45px)с psd макета, сохранить в png и сделать бекграундом? Тогда нет проблем со скруглением углов. Или вырезать, например, кусочек 10рх Х 45рх, и замостить через repeat-x, а скругление сделать через border-radius? Или как? Аналогично для фона подменю. Там нижние углы скругленые. Как лучше поступить?
  20. Маленьке Звірятко
    wildhind, совершенно верно
  21. Маленьке Звірятко
    http://saveimg.ru/pictures/05-05-12/8ec5c5e92e3d826f366dfa22b1bf4c21.bmp Надо сверстать вот такое меню. Дааа, надо признатся, оказалось это сложной задачей для меня:-( главное гори-ое меню и появление подменю сделать удалось. Подменю появляется через hover. А как сделать, чтоб оно появлялось при клике по ссылке на главном меню? Вообще, ваши рекомендации, советы как сверстать?
  22. Маленьке Звірятко
    Добрый день, уважаемые. С праздником. Вот какая у меня ситуация. Весь контент сайта размещается в двух колонках: блок с картинками (зеленый) и блок с текстом (желтый). Сами колонки находятся в блоке-обертке (серый фон). Высота колонок соответсвенно по контенту в них. Но нужно, чтоб высота колонки с картинками ровнялась высоте текстового блока (текста всегда больше), и при этом картинки полностью заполнили блок. Рисунок 2 иллюстрирует. Я так понял, сделать это на дивах: 1. Это невозможно; 2. Это очень сложно. Советовали делать на таблицах. Какое же решение? Рисунки: 1) http://www.php-studia.ru/images/1wcw.gif 2) http://www.php-studia.ru/images/2cnc.gif
×
×
  • 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

  I accept