Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Рассматривал я бутстрап и пришла в голову идея по стилизации селекта. HTML <span class="select"> <span class="select__wrap"> <select name="options"> <option value="option-1">Option 1</option> <option value="option-2">Option 2</option> <option value="option-3">Option 3</option> </select> </span></span>CSS .select,.select__wrap { display: inline-block;}.select,.select__wrap,.select__wrap select,.select__wrap option { font-size: 14px; line-height: 1em; vertical-align: bottom;}.select { border: red 3px dotted; border-radius: 5px;}.select__wrap { overflow: hidden;}.select__wrap select { margin: -1px; padding: 0;}Пример: http://codepen.io/GreatRash/pen/isjgL Работает во всех современных браузерах + IE Quirks Mode!
-
Предлагаю вам задать вопрос тут.
-
Помогите, пожалуйста, с версткой. Проблема отображения.
Great Rash replied to Stranger's question in HTML Coding
1. Или адаптив или резину. По идее должен помочь <meta name="viewport" content="width=device-width; initial-scale=1">, т.к. экран iPad явно шире чем 1024 (по крайней мере в альбомной ориентации). Может быть плагин для FF в котором вы тестируете глючит? Вы смотрели на реальном устройстве? Попробуйте Opera Mobile Emulator. Можно еще потестить на андроиде. 2. Для .stripe не надо вообще ширину задавать, т.к. блочные элементы автоматически растягиваются на всю ширину <body>. -
Какие браузеры надо поддерживать?
-
Помогите, пожалуйста, с версткой. Проблема отображения.
Great Rash replied to Stranger's question in HTML Coding
Если у вас контейнер заведомо больше экрана и появляется горизонтальный скролл, то поведение .stripe совершенно нормальное. Так и должно быть и ничего с этим поделать нельзя. Вас спасёт адаптивная вёрстка, т.е. на мобилах надо делать не 1024 а меньшую ширину у контейнера. -
Помогите, пожалуйста, с версткой. Проблема отображения.
Great Rash replied to Stranger's question in HTML Coding
Как я вам покажу на конкретном примере? Я же не могу прям в мобиле вам показать. Единственное за что цепляется глаз это то, что <meta> должны идти перед <title>, а не после него. Ну и замените <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> на <meta charset="utf-8"> - это правда к делу не относится. -
Помогите, пожалуйста, с версткой. Проблема отображения.
Great Rash replied to Stranger's question in HTML Coding
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag -
Заменить <span> на <a>
-
Фигня, всё что вам написали не подходит для вашего случая. Я же правильно понимаю, что вам надо отступами у текста управлять, вот для такого случая вы всё сделали правильно. Если же у вас в вёрстве много однотипных блоков, то конечно логично объединить их в группу и назвать стиль не p-t-5, а по смыслу.
-
А про них уже выше всё написали. Прям самый первый ответ. Типа так: <div class="block"> <!-- блок без отступов --></div><div class="block p-5"> <!-- блок c padding: 5px; --></div><div class="block m-10"> <!-- блок c margin: 10px; --></div><div class="block m-10-20-30"> <!-- блок c margin: 10px 20px 30px; --></div>
-
Это неправильно. Почитайте что такое "вертикальный ритм".
-
http://codepen.io/GreatRash/pen/bnDFs
-
http://codepen.io/GreatRash/pen/iGEvw http://codepen.io/GreatRash/pen/nrIwa
-
Моё решение тебе не кажется изящным? Оно с успехом используется на боевом сайте.
-
Если у вас в одном месте 5, в другом месте 10, а в третьем 15, то вам нужно срочно сообщить дизайнеру, что он нифига не понимает в веб-дизайне. Если такой возможности нет. то насоздавайте разумное количество классов-модификаторов с разными отступами - это будет лучшим выходом.
-
Ну тебе и так не нравится и сяк не нравится, тебе не угодишь прям.
-
Ну вот картинками.
-
Ну ты сам просил CSS3
-
Ну тогда вообще всё просто.
-
Вот что CSS3 с людьми делает, совсем уже картинками верстать разучились...
-
Иллюстратор собственно в SVG преобразует. Как сделать тянущийся я не знаю ибо вплотную SVG не занимался, но то что это сделать можно 100%. Я видел примеры в сети. UPD: Вот как-то так.
-
Статья для размышлений.
-
Давайте без срачей только. Тему я прикрою. nerv, хочешь выяснить отношения - напиши в личку.
-
Ах вот оно что! Я повёлся потому что на двух разных сервисах получил один и тот же результат, а оно вона как оказывается...
-
Рамка в стилях задана явно?
