Jump to content

qazibum

User
  • Posts

    46
  • Joined

  • Last visited

qazibum's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Нет вариантов сделать элемент обтекаемым у которого position:absolute; ?
  2. Да, на счет float я погорячился А display: block; разве не нужно указать для элемента a (для ссылки), чтобы он стал блочным элементом? Хотя и без этого вроде работает, но не уверен за все браузеры. У меня получилось установить справа внизу присвоив родительскому элементу position:relative; а самому элементу, как вы и написали position:absolute; bottom:0; right:0; А вот с обтеканием понятия не имею как сделать.
  3. На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }
  4. На локалке. Короче, поговорка "утро вечера мудренее" работает. Но что мудрости не до конца хватило Получился такой код, не весь, самый важный ul.menu li.active:after{ content:url(../images/after.png); } ul.menu li:hover:after{ content:url(../images/after.png); } ul.menu li.active:hover:after{ content:url(../images/after.png); } ul.menu li+li.active:before{ content:url(../images/before.png); position:absolute;display:block; } ul.menu li+li:hover:before{ content:url(../images/before.png); position:absolute;display:block; } ul.menu li.active+li:hover:before{ content:url(../images/before2.png); position:absolute;display:block; margin:0 0 0 -14px; } Теперь работает все, кроме положения, когда активна вторая кнопка и наводишь мышь на первую. В этом случае картика, которая подставляется справа к первой кнопке ul.menu li:hover:after{ content:url(../images/after.png); } смещает вторую кнопку и между ними образуется косая полоска другого цвета. Это нормально при условии, что вторая кнопка не активна. Т.е. надо прописать условие для первой кнопке, когда вторая активна. Вот как это сделать в css? Прописать условие для второй кнопке, когда активна первая - нет проблем ul.menu li.active+li:hover:before А для первой, когда активна вторая? Сделал гифку
  5. position:absolute;display:block; примененный к бефору, улучшили ситуацию. Сейчас при наведение картинки прыгают, когда бефорам или афтером добавляются боковые.
  6. Можно пример такого решения? Не получается у меня. То before ведет себя как after, то скачут.
  7. А нет, все нормально. Второй раз юхаю эти элементы, не научился еще хорошо. wildhind, psywalker спасибо большое!
  8. Уголок должен меняться в зависимости от состояния пункта меню. Видите на рисунке, в первом посте, он разный. А в чём проблема по состоянию менять фон у псевдика? Да вроде ни в чем. Только у меня не получается задать свойства только для первого и второго элемента списка. Всего элементов пять, а уголок только на первом и втором. li+li+li:after{content:none;} - не работает. Точнее работает, но одновременно и li:after{content:url(ugol.png) работает.
  9. Уголок должен меняться в зависимости от состояния пункта меню. Видите на рисунке, в первом посте, он разный.
  10. В меню есть одно место где дизайнер нарисовал косую линию. Линия разделяет пункты меню. Меню имеет три состояния: холодное, при наведение, активное. У всех трех состояний разные бэкграунды. Все нормально за исключением этой косой линии. Установленная ширина пункта меню не позволяет нормально подставить нужный фон при наведение и когда пункт активен. Вот рисунок Белая линия на проблемном месте это разделитель пунктов, пунктам задана ширина и из-за этого при наведение изображение подставляется только на заданную ширину, остается уголочек без нужного фона. Вроде понятно? Как сделать, чтобы фон подставлялся правильно? Без js, желлательно только css.
  11. в том, что меню изначально выдает текст. это все равно, что клеить обои поверх старых, вместо того, чтобы содрать их и поклеить качественно. потратит больше времени - но в будущем разберется как эта цмс генерирует списки меню и сделает все намного быстрее. это не ко мне вопрос, а к автору тему. возможно используются мудреные шрифты и(или) эффекты при наведении. С одной стороны правильнее убрать текст в меню, чтобы без костылей. С другой стороны для сео полезнее оставить, но тогда скрыть грамотно. CMS joomla, я знаю как там убрать текст из меню, но хотелось бы по хитрому сделать Картинка из-за дизайна, там шрифты и два эффекта при наведение и активное меню. Сработало, так и оставлю Спасибо.
  12. Делается на cms, спрятать проще visibility работает, но не хотелось бы. Мало ли ПС не так поймут. z-index хочу, но почему-то не получается. Вот такой код. <html><head><style> div#menu{ background: url(m.png); height: 28px; width: 300px; position: relative; z-index: 2; } ul.menu{ list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; } ul.menu li{ float: left; position: relative; z-index: 1; } ul.menu a{ display: block; width: 150px; position: relative; z-index: 1; } ul.menu a span{ position: relative; z-index: 1; } </style></head><body> <div id="menu"> <ul class="menu"> <li><a href="/"><span>123</span></a></li> <li><a href="/"><span>456</span></a></li> </ul> </div> </body></html>
  13. Делаю меню, которое должно быть картинкой, на картинки нарисованный текст. Само меню, ссылки - текстовые. Поместил картинку, а на ней текст ссылок. Теперь задача спрятать этот текст, чтобы был виден только текст, который на картинке. Цветом не получится, картинка разноцветная, задать 1px - видно. Как делать в таких случаях? МОжет быть можно сделать так, чтобы картинка была над текстом, наверху? Чтобы текст под ней прятался.
  14. Тупой вопрос, но мне надо быстро разобраться что к чему. javascript только начал учить, другие языки не знаю. Могу сделать сайт на cms, верстка - не проблема, пока не требуется js. Сейчас мне надо понять что такое ajax и с чем его едят. Как я понял ajax это как бы отвитвление javascript'а, правильно? И если знать javascript, то ajax будет легко освоить, так? Какое отношение имеет jquery к ajax? Какие материалы лучше использовать при освоение ajax для моего уровня знаний? Буду благодарен за поробный ответ и/или ссылку.
×
×
  • 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