Jump to content

belosnezka

Newbie
  • Posts

    8
  • Joined

  • Last visited

Everything posted by belosnezka

  1. Galaxy, спасибо большое.Будут делать li.Мне не столько важно заморачиватся или нет, сколько понять правильность решения. Еще раз спасибо большое.
  2. Добрый день. Вопрос по верстке страниц Landing Pages: 1.как лучше верстать с помощью шаблонизаторов(каких именно) или чистым html/css? 2. ">http:// : как вставить такого плана картинки: делать каждую отдельную (возможно списком), или спрайтом одну? Заранее спасибо за ответ.
  3. Здравствуйте. Подскажите пожалуйста,что в коде не так. Нужно что-бы <div id="glavnay"> был по центру. Сначала пробовала без него, только nav,article и т.д.,не выходит, решила добавить <div id="glavnay">,думала сработает, но нет. Что-то видно не совсем поняла нтмл5. Делала эту же страницу, только нтмл4, все ок.А тут отцентрировать не могу. Вот код http://jsfiddle.net/belosnezka/KR6SL/ Добавила text-align:center; все работает. Вопрос: нужен ли в коде <div id="glavnay">? Раньше использовала всегда как-бы контейнер такой. А вот решила сделать на нтмл 5, не пойму здесь нужно контейнеры применять или нет. Заранее спасибо за ответ.
  4. Наводите на элемент, правая кнопка мыши, показать код элемента (Так в хроме, в остальных браузерах почти так же) спасибо за ответ,смотрела именно так.Только не поняла,какой фрагмент кода отвечает за отображение/скрытие. .slider .slogan {position: absolute;bottom: 0;width: 100%;height: 0px;background-color: #191919;background-color: rgba(255, 255, 255, 0.1);line-height: 64px;text-align: left;text-indent: 10px;font-size: 36px;font-weight: normal;color: #ecf0f1;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;z-index: -1;}user agent stylesheetdiv {display: block;}
  5. Подскажите пожалуйста, как реализовали "Just do it" всплывающим. Посмотрела код, но что-то не вижу, что дает возможность всплывать ему.Заранее спасибо за ответ
  6. использую Notepad++ , есть много плагинов полезных, и интерфейс тоже настроить удобно можно. Пробовала другие- но все таки к нему привыкла)) Ничего еще Sublime text 2 и phpDesigner.
  7. Большое спасибо)))) Сработало. Пока правда сделала картинкой, а не бордером.
  8. Можно тегом figure http://htmlbook.ru/sites/search/?q=figure&x=4&y=5
  9. Добрый день. Не могу понять как реализовать при наведении на пункт меню, меняется цвет и плюс сбоку уголок. <div id="menu-left"><ul class="menu"><li><a href="#" > Новая модель</a></li><li><a href="#" > Новый реион</a></li><li><a href="#" > Новый мерчендайзер</a></li><li><a href="#" > Новый POS</a></li><li><a href="#" > Новая акция</a></li><li><a href="#" > Новая модель конкурентов</a></li></ul></div>#menu-left{height:227px;float:left;margin-bottom:10px;}ul.menu {list-style-type:none;padding:0;width:227px;height:25px;}ul.menu li {background:url('img/bg-menu.jpg') repeat-x;border:1px solid #aeaeae;border-radius:9px;text-align:center;text-shadow:1px 1px 0px #fff;color:#767676;height:25px;margin-top:10px;font: 8pt sans-serif;line-height:25px;display: block;}ul.menu li a{text-shadow:1px 1px 0px #fff;color:#767676;width:227px;height:25px;text-decoration: none;display: block;}ul.menu li a:hover{ background: url('img/bg-men-hover.jpg') repeat-x ; width:226px;height:25px; border:1px solid #589f29; border-radius:9px; display:block; color:#fff; /* цвет букв в активном состоянии */ text-shadow: #628b47 1px 1px 0; /* цвет тени у букв в активном состоянии */ margin-top:-1px;;display: block;}Это итог:
×
×
  • 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