Jump to content

Bizon4ik

User
  • Posts

    63
  • Joined

  • Last visited

Everything posted by Bizon4ik

  1. А в чем сложность? Укажите вопрос чуть более подробно. У вас не получается выставить три зеленых контейнера или даже не получается запихать в красный четыре контейнера? И извеснты ли размере зеленых контейнеров?
  2. Вот нашел простое решение http://habrahabr.ru/post/64242/ http://jsfiddle.net/Bizon4ik/X83bw/4/
  3. Сорри, действительно не работает
  4. если всем трем контейнерам поставить height 100% и обернуть их в один контейнер то его высота будет ровна высоте самого длинного из трех, а соотведствено и высота всех контейнеров выровняется Поправте меня если я ошибаюсь
  5. Спасибо за советы. Сегодня вечером попробую и отпишусь какой мне метод ольше всего подошел.
  6. А как прозрачные части рисунка потом ручную делаешь?
  7. Доброе время суток, Господа. Я обычно выризаю рисунки из PSD следующим путем: Выбираю нужный рисунок при помощи Move Tool. В графе слоев мне фотошоп сразу показывает нужный слой. Зажимая Ctrl+A и дважды кликая на указаный слой, необходимый мне элемент выдиляется. Ну а дальше по накатаной Ctrl+С и создаю новый файл и вставляю в него скопированый придмет. Так я делал до тех пор пока не столкнулся с рисунком у котого есть тень и которая ни как не выделяется... (в частности файл с которым я играюсь находится на divhack.com Уровень 3 "Рисунок с растением на ладони" ) Подскажите плз как правильно такой рисунок вырезать. Так же прошу надоумить как из этого же файла вырезать треугольники в меню навигации (и активные и не активные). Они тоже не потдаются, вышеописаному способу вырезания. Заранее спасибо за ответы.
  8. Я только делаю свои первые шаги в изучании CSS, и мне интересно узнать, путь по кторому я пошол для решения своей задачи, является ли он самым коротким. Видь не хочется делать код на 100 строк если его можно сделать на 50. А "мизерное" сокращение и в хедере, в миню, в контексте и в футоре могут привести к весомому сокращению кода и как следствие к меньшим трудозатратам для его написания. Посему и спрашиваю про оптимизацию...
  9. Я тоже только учусь). Взял шаблон вот отсюда http://divhack.com/ (пример №3), и хотя в примере версти использовали именно картинку, как вы предлагаете, я захотел заморочится и сделать с помощу текста )
  10. Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.
  11. Добрый день. Подскажите, пожалуйста, как можно сделать двух уровневое меню при помощи nav?
  12. Спасибо. А если бы я хотел обратиться к конкретному улу, или к ли? Нужно идентификатор давать им? Да, если :first-child :last-child не подходит.
  13. Bizon4ik

    PSD

    Подскажите плз где можно почитать как правильно пользоватся фотошопом для нарезки рисунков из PSD (как выбирать слои, как их обединять, уберать фон, узнать тип шрифта и т.д.). Заранее спасибо.
  14. Зачем создвать картинке индикатор если есть #main img Спасибо за твои старанния, но я думаю мне нужен совет от кого то более опытного Все я решил проблепу путем добавления vertical-align #main img { border: 1px black solid; vertical-align:top; Всем спасибо. Тему можна закрыть.
  15. C first-child я разобрался, убрав строку #main a { padding-left: 20px; } и все заработало Осталась проблема с пробелом между картинкой и миню. Причем на FireFox ее нет а на IE 8 есть на Chrome сейчас нет возможности проверить, но вчерашный скрин я делал на нем, так что проблема и для него тоже актуальная а вот здесь http://jsfiddle.net/Bizon4ik/sDXeE/ пробела опять таки нет. Кто знает как убрать этот пробел во всех браузерах?
  16. Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны li:first-child a Заранее спасибо. Вот код HTML <body> <div id="main"> <a href="#"><img src="img/logo.png" alt="альтернативный текст"/> </a> <div class="menu"> <ul> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Partners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacs</a></li> </ul> </div> </div> </body> CSS body { margin:0; padding:0; background:white; } #main { margin:0 auto; width: 960px; border: 1px black solid; } #main img { border: 1px black solid; } #main a { padding-left: 20px; } .menu { background:#AFAFAF; overflow: hidden; } .menu ul { list-style:none; margin: 0; padding:0; } .menu li { float:left; } .menu a{ text-decoration: none; font-size: 18px; font-family: arial; color:#fff; display:block; line-height: 42px; padding:0 41px; } .menu li:first-child a { padding: 0 41px 0 50px; }
  17. Уважаемые опытные верстальщики, подскажите плз, а большество страниц создаются с ипользованием всевозможных движнов или всетаки пишутся полностю ручками?
  18. У него Header предпоследний, а у вас второй...
  19. web-monsterогромное вам спасибо. Я уже и не надеялся получить ответ. Жаль немогу вам поставить "+", а то бы обязательно это сделал
  20. Я конешно не селен в веб програмировании, но зачем нужен сайт визитка на котором нет контактов?
  21. Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; padding:0; } .header { border:black solid 1px; margin:0 auto; width:960px; } a img {border:none;} .menu { background: #afafaf; } .menu li { float:left; width:150px; border:none; } .menu a { display:block; } В FireFox отображается так: А в IE 8 так: Откуда в IE взялся еще один пустой пункт списка? И почему не сработал background: #afafaf; ? Заранее спасибо.
  22. Что ты имеешь введу под div
  23. Если тот пункт который меня интересуют находится посредине, то нужно не два а три делать. Или можно между пунстами сделать разыв и туда новое меню вставить?
×
×
  • 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