Jump to content

psywalker

Moderator
  • Posts

    13707
  • Joined

  • Last visited

  • Days Won

    58

Everything posted by psywalker

  1. Ну и здорово! А при чём тут паддинг? Рассказ вроде не об этом?
  2. Может это развеет твои вопросы? http://reference.sitepoint.com/css/collapsingmargins
  3. Нет, это не очень хорошо, но тут специфическая задача. Когда px становится чуть меньше, float-блок наровит зелезть как можно дальше, т.е. если видит, что место где то свободное, куда он может поместиться, то он это делает. Можно, нужно добавить некоторые правила сюда: .tabItemHeader, *:target ~ #item3 .tabItemHeader { position: relative; top: -1px;
  4. YankovskyAndrey Все элементы с float:left отодвигаются наверх в заранее заготовленный отступ у главного контейнера - UL. float:left выпадает из потока, делая свои контейнеры LI - схлопнувшимися, т.е. их высота схлопывается в ноль, так как они перестают чувствовать свои ссылки. float:left идут друг за другом, прижимаясь, как и должно быть, а float: right просто прижат к правому краю и спецово растянут на 100%, чтобы заполнить собой всё место, весь контент. Да, поэтому отступы нужно чётко рассчитывать. 1px больше и кранты Табы идут друг за другом. Что именно тут непонятно? Можно сделать идеальный вариант, НО в хроме беда с :target + ~, т.е. эти вещи там плохо отрабатывают вместе. Это недочёт Хрома, который надеюсь исправят в будущем. Во-время затупов ты можешь обновится и тогда затуп вылечится, попробуй. Но это не выход.
  5. Твоя ситуация говорит об обратном.
  6. Ну это уже перебор. А личная жизнь, концерты, пивка с друзьями попить? В конце концов, для меня гитара - это больше хобби, чем программирование. Скучно же всё время за компьютером сидеть. А ещё есть фотография, тоже хобби. Ну смотри сам. НО Имхо, в твоём возрасте уже пора выбрать из хобби то, что будет твоей профессией и основное время посвящать именно ему. Иначе может такое случится, что придёт возраст, когда выбирать уже будет поздно и твоей основной профессией будет хобби
  7. Тебе нужно потихоньку развиваться хотя бы. Всё свободное время тратить на изучения своего хобби. Когда достигнешь нужного уровня, отправишься на фриланс за заказами. В любом случае хуже не будет.
  8. Настрой фотошоп на пиксели. 1. Да. 2. Нет.
  9. Дружище, я тебе дал уже пищу для размышления. Подумай, что с этим сделать.
  10. Рустамыч, дружище, снова земля слухами полнится, и снова мы узнали, что у тебя сегодня днюха. Поздравляем тебя камрад с твоей днюхой, от всей души желаем тебе отличного праздника, отменного настроения, повышение зарплаты в 5 раз и крепкого здоровья С Днём Рождения!
  11. if ( document.getElementById(ObjID).style.display == 'block' ) document.getElementById(ObjID).style.display = 'none'; document.getElementById(ObjID).innerHTML = ''; else document.getElementById(ObjID).style.display = 'block'; document.getElementById(ObjID).innerHTML = '<img src="картинко" />'; }
  12. Только не обёртке лучше, а наверное всё таки html
  13. А где в скрипте вообще меняется минус на плюс?
  14. Тогда не ограничивай шапку по ширине. Или сделай её 100%, а фон просто повесь на неё чёрный.
  15. Да, тоже аргумент, согласен. Можно конечно же сделать кросс решение на ЖС, но тогда это накладно выйдет, если анимацию включать в меню.
  16. Вооо, отличный вариант, только я бы ещё добавил так: :target .tab-btn { height: 15px; margin: -25px 10px 0 0; }
  17. Дружище слушай, у меня с английским не очень, поэтому просьба к тебе есть. Если всё таки разберёшься, выложи плиз рабочий примерчик, очень буду ждать
  18. а текст? А вот с текстом я пока не придумал, что делать. Возможно даже, что так нельзя вовсе Хотя не, гоню. Есть идея, сегодня - завтра попробую осуществить, покажу.
  19. слова убеждённого неудачника. Да тут даже не в этом дело. Эти слова просто так не появляются, я ж говорю, нужно глубже копать, искоренять проблему с самых истоков. Тут дело в пессимистичном настрое на жизнь и напрочь отсутствием самолюбия. Когда человек перестанет ворчать на мир, причитать, что всё плохо и жизнь говно, то сразу станет лучше, а главное не только в материальном плане.
  20. Лови <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> ul { list-style: none; overflow: hidden;} li {float: left;} li span { border: 1px solid #000; display: block; border-width: 1px 1px 0; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: -3px; -webkit-transition: all 0.3s ease-in; height: 40px; } li a { padding: 10px 10px; color: red; text-decoration: none; display: block;} .faq:target { color: red; height: 30px; margin-top: 10px; } </style> </head> <body> <ul> <li><a href="#faq1"><span class="faq" id="faq1">Question 1</span></a></li> <li><a href="#faq2"><span class="faq" id="faq2">Question 2</span></a></li> <li><a href="#faq3"><span class="faq" id="faq3">Question 3</span></a></li> <li><a href="#faq4"><span class="faq" id="faq4">Question 4</span></a></li> </ul> </body> </html>
×
×
  • 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