Z1gnet
-
Posts
304 -
Joined
-
Last visited
-
Days Won
9
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Z1gnet
-
-
position: relative; задает позиционирование относительно своего изначального положения. визуально блок смещается, но в потоке блок остается на том же месте где был до смещения. то есть мы видим что блок сместился, а остальные блоки про это не знаю, как будет ничего не произошло. в итоге этот способ вам не подходит. вам нужно вместо position: relative; и top: -20px; задать margin:-20px 0 0;
подробнее про позиционирования можете почитать тут http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov
-
npofopr, on 17 Jan 2014 - 05:33 AM, said: z-index наверное вам поможет пробывал, не помогает(
ну как не помогает? а вы position:relative; задавали на элемент которому даете зет-индекс? он сам по себе не работает. он работает для элементов с любым позиционированием кроме static (по дефолту). короче, на .b_send просто задайте position: relative; и будет вам счастье
-
описанный SelenlT работает до тех пор,
все он правильно написал, вы просто не внимательно читали. вот решение которое описал SelenlT http://codepen.io/Z1gnet/pen/nEImk
-
якобы друг его посоветовал, если я правильно понял, конечно, задать этому скроллбару размер
вот пусть друг который "посоветовал" и сделает, раз такой умный.... никогда не любил когда какой то вася что то насоветовал.
если по сути то скажу следующее: для такого пустяка прикручивать кастомный скролл это нелогично. возможный тормоза, плюс может быть такое что при загрузке страницы будет обычный скролл (скрипт еще не успел прогрузиться) , а через секунду опа, и кастомный. тоже не вариант.
> можно сделать, чтобы он всегда отображалсяВ Мас не проканает
я думаю что мак их волнует меньше всего, так что на мой взгляд самый оптимальный вариант это сделать что бы скролл был всегда. нужно задать на body{overflow-y:scroll;}
-
Для IE7, если нужен, можно добавить zoom: 1.
все же zoom:1 невалидная запись. для ие7 можно, к примеру, задать ширину 100%.
-
Подскажите, что можно с этим сделать? http://jsfiddle.net/...mbedded/result/
вы по определению сделали не правильно. вы попытались подогнать отступы что бы получился эффект того что навигация растянута на 1470рх. но если добавить хотя бы одну букву к любому пункту меня то все сразу валится. к тому же я так понимаю что это резиновый сайт (глупо делать сайт шириной 1470рх) , а значит навигация должна сужаться. тут нас спасут табличные свойства. вот так http://codepen.io/Z1gnet/pen/EIrgb
-
как-то так http://jsbin.com/Isaqoti/1/
минус способа в том что если высота ссылки изменится, то она будет уже не по центру
-
как вы хотите картинки разного формате сделать одинаковыми??? вам подсказали как сделать что бы картинки не были шире родителя. http://prntscr.com/2kin21 вот как эти 2 картинки разной ориентации сделать одного размера? это невозможно только если не обрезать их под нужный формат или не растянуть, но при этом нарушатся пропорции и будет бред. http://prntscr.com/2kio6d размер одинаковый но выглядит убого. я бы вам предложил бы просто отцентрировать их по вертикали и горизонтали. вот так. http://prntscr.com/2kiq7a
P.S. в идеале я бы сделал для картинок контейнера одинакового размера, что бы визуально был эффект того что все блоки одинаковые, а внутри них были бы уже картинки разного размера.
-
через табличные свойства http://codepen.io/Z1gnet/pen/etdyC
-
не совсем понял вопроса. вы хотите что бы пункты меню растянулись на все всю ширину? или наоборот, что бы ul не растягивался на всю ширину? я так понял что скорее всего второй вариант. ван надо добавить для ul свойство display: inline-block; что бы список не растягивался на всю доступную ширину, а тянулся только на ширину контента. ну и желательно добавить свойство vertical-align:top; что бы избежать проблем с нижним отступом
-
Вам нужно использовать не опасити, а задавать фон с прозрачнастью. к примеру 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
- 1
-
http://htmlbook.ru/blog/treugolniki-cherez-css читайте про то как делать треугольники. вам придется сделать 2 треугольника (один для бордера), один повесить на after, второй на before.
-
не совсем понял зачем вы сделали так как сделали. но дергается потому что при ховере на А вы добавляете левый и правый паддинг. что бы не дергалось, в вашем случае, на ховер у А надо отнять марджин на количество паддинга. тоесть если у вас 5рх паддинг на ховер, то нужно сделать марджин 2рх.
но я бы это меню сделал по другому. вот так сделать я считаю будет более правильно http://codepen.io/anon/pen/rhDuL
-
да, сделано с помощью js
-
ну а джейквери библиотеку подключить? http://prntscr.com/2d6vr8
-
а можно ссылочку на сайт?
-
ну я полагаю что все тоже только вместо li поставить a.
ul:hover a{ opacity: 0.6;}ul a:hover{ opacity: 1;}
но тут нюанс, если вы наведете не на саму ссылку, а на список то прозрачность применится для всех ссылок, а при ховере на ссылку у нее уберется прозрачность
-
у меня все норм отображается
-
Хм... тогда исчезает заливка всего Content'a
задайте
#content{overflow: hidden;}
-
и у меня в фф все норм
-
ох вы и накрутили. надо переделать.
вот такая структура в самый раз подойдет http://codepen.io/anon/pen/dpqCn
-
для ие7 через таблицы можно expression заюзать
-
я работал в конторе в которой по дефолту шла опция пиксель перфект. тестеры придерались ужас как. и диз на верстку накладывали, и браузер на браузер... но при все при этом были своеобразные правила решения спорных вопросов. к примеру, то что у вас на первом скрине - там все отлично, просто дизайнер немного промахнулся. мы это называли - "привел к общему виду" . тоесть если есть однотипные блоки, то выравниваешь первые 2 (или первый и последний, по ситуации) и все, у вас получается ровнее чем в дизайне. по поводу шрифтов. вы никогда не подгоните идеально ширину текста, даже если в одно браузере сойдется - то в другом нет. вам нужно выставить font-size и line-height правильный, это прежде всего. конечно если по задумке увеличен отступ между буквами или словами - то нужно его тоже сделать. а со шрифтом такая фигня получается потому что дизайнеры любят ставить всякие эффекты на текст, типа sharp, что в версте повторить не получится.
Заключение: во всем должен быть здравый смысл, выравнивать каждую строчку и гамнокодить это очень плохо. так что не партесь, вы все сделали хорошо
-
я может конечно не в тему, но все же тут есть небольшой, но очень не приятный баг http://prntscr.com/2ah3rt думаю стоит пофиксить
Подскажите как реализовать такую форму
in HTML Coding
Posted
что то мне кажется что это не проблемы верстки, это проблемы программирования.