Jump to content

Z1gnet

User
  • Posts

    304
  • Joined

  • Last visited

  • Days Won

    9

Posts posted by Z1gnet

  1. position: relative; задает позиционирование относительно своего изначального положения. визуально блок смещается, но в потоке блок остается на том же месте где был до смещения. то есть мы видим что блок сместился, а остальные блоки про это не знаю, как будет ничего не произошло. в итоге этот способ вам не подходит. вам нужно вместо position: relative; и top: -20px; задать margin:-20px 0 0;

    подробнее про позиционирования можете почитать тут http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov

  2. npofopr, on 17 Jan 2014 - 05:33 AM, said: z-index наверное вам поможет пробывал, не помогает(

    ну как не помогает? а вы position:relative; задавали на элемент которому даете зет-индекс? он сам по себе не работает. он работает для элементов с любым позиционированием кроме static (по дефолту).  короче, на .b_send просто задайте position: relative; и будет вам счастье

  3. якобы друг его посоветовал, если я правильно понял, конечно, задать этому скроллбару размер

    вот пусть друг который "посоветовал" и сделает, раз такой умный.... :facepalmxd: никогда не любил когда какой то вася что то насоветовал.

    если по сути то скажу следующее: для такого пустяка прикручивать кастомный скролл это нелогично. возможный тормоза, плюс может быть такое что при загрузке страницы будет обычный скролл (скрипт еще не успел прогрузиться) , а через секунду опа, и кастомный. тоже не вариант.

    > можно сделать, чтобы он всегда отображался

    В Мас не проканает

    я думаю что мак их волнует меньше всего, так что на мой взгляд самый оптимальный вариант это сделать что бы скролл был всегда. нужно задать на body{overflow-y:scroll;}

  4. Подскажите, что можно с этим сделать? http://jsfiddle.net/...mbedded/result/

    вы по определению сделали не правильно. вы попытались подогнать отступы что бы получился эффект того что навигация растянута на 1470рх. но если добавить хотя бы одну букву к любому пункту меня то все сразу валится. к тому же я так понимаю что это резиновый сайт (глупо делать сайт шириной 1470рх) , а значит навигация должна сужаться. тут нас спасут табличные свойства. вот так http://codepen.io/Z1gnet/pen/EIrgb

  5. как вы хотите картинки разного формате сделать одинаковыми??? вам подсказали как сделать что бы картинки не были шире родителя. http://prntscr.com/2kin21 вот как эти 2 картинки разной ориентации сделать одного размера? это невозможно только если не обрезать их под нужный формат или не растянуть, но при этом нарушатся пропорции и будет бред. http://prntscr.com/2kio6d размер одинаковый но выглядит убого. я бы вам предложил бы просто отцентрировать их по вертикали и горизонтали. вот так. http://prntscr.com/2kiq7a

    P.S. в идеале я бы сделал для картинок контейнера одинакового размера, что бы визуально был эффект того что все блоки одинаковые, а внутри них были бы уже картинки разного размера.

  6. не совсем понял вопроса. вы хотите что бы пункты меню растянулись на все всю ширину? или наоборот, что бы ul не растягивался на всю ширину? :)  я так понял что скорее всего второй вариант. ван надо добавить для ul свойство display: inline-block; что бы список не растягивался на всю доступную ширину, а тянулся только на ширину контента. ну и желательно добавить свойство vertical-align:top; что бы избежать проблем с нижним отступом

    http://codepen.io/Z1gnet/pen/BzFun

  7. Вам нужно использовать не опасити, а задавать фон с прозрачнастью. к примеру background: rgba(255,255,255,0.5);  то есть белый фон прозрачный на 50%. работает везде начиная с ие9. если нужны более ранние версии ие то можно либо задать для него фон без прозрачности (если вас это устроит) либо с помощью фоновой полупрозрачной картинки. будет это выглядеть так

    background:#fff; /* задаем белый фон без прозрачности для тех кто не понимает rgba */background: rgba(255,255,255,0.5);  /* задаем прозрачный фон для остальных браузеров */

      подробнее почитайте здесь http://htmlbook.ru/css3-na-primerakh/poluprozrachnyi-fon

    • Like 1
  8. не совсем понял зачем вы сделали так как сделали. но дергается потому что при ховере на А вы добавляете левый и правый паддинг. что бы не дергалось, в вашем случае, на ховер у А надо отнять марджин на количество паддинга. тоесть если у вас 5рх паддинг на ховер, то нужно сделать марджин 2рх.

    но я бы это меню сделал по другому. вот так сделать я считаю будет более  правильно http://codepen.io/anon/pen/rhDuL

  9. ну я полагаю что все тоже только вместо li поставить a.

    ul:hover a{    opacity: 0.6;}ul a:hover{    opacity: 1;}

    но тут нюанс, если вы наведете не на саму ссылку, а на список то прозрачность применится для всех ссылок, а при ховере на ссылку у нее уберется прозрачность

    http://codepen.io/anon/pen/xhvJF

  10. я работал в конторе в которой по дефолту шла опция пиксель перфект. тестеры придерались ужас как. и диз на верстку накладывали, и браузер на браузер... но при все при этом были своеобразные правила решения спорных вопросов. к примеру, то что у вас на первом скрине - там все отлично, просто дизайнер немного промахнулся. мы это называли - "привел к общему виду" . тоесть если есть однотипные блоки, то выравниваешь первые 2 (или первый и последний, по ситуации) и все, у вас получается ровнее чем в дизайне. по поводу шрифтов. вы никогда не подгоните идеально ширину текста, даже если в одно браузере сойдется - то в другом нет. вам нужно выставить font-size и line-height правильный, это прежде всего. конечно если по задумке увеличен отступ между буквами или словами - то нужно его тоже сделать. а со шрифтом такая фигня получается потому что дизайнеры любят ставить всякие эффекты на текст, типа sharp, что в версте повторить не получится.

    Заключение: во всем должен быть здравый смысл, выравнивать каждую строчку и гамнокодить это очень плохо. так что не партесь, вы все сделали хорошо :)

×
×
  • 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