HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Кривое отображение на мобильных
Вот сам сайт http://testx1.bl.ee/ Посмотрите пожалуйста например на блоки под "КАК СНЯТЬ КВАРТИРУ В СПБ". На десктопе хорошо, на мобильных плывут.. Не могу понять в чем дело.
0 votes8 answers -
PHP. Инвалидный аргумент
Я приветствую всех кто сейчас это читает! Ребята, у меня такая вот проблема и я действительно не понимаю почему она есть.. Вот допустим я написал маленький скрипт: <?php$a = file("1.txt");$b = "\"".trim($a[0])."\"";$c = file($;echo "<pre>";print_r($c);echo "</pre>";?>В файле 1.txt на первой и единственной строке находится ссылка и этот файл в виде массива уходит в переменную $a где эта ссылка имеет ключ 0. Потом я в переменную $b заношу эту ссылку и убираю пробел справа (кстати, не понимаю откуда он там взялся) и затем уже добавляю ещё и кавычки. Получается в переменную $c должен попасть массив уже той страницы на которую была ссылка но этого не происход…
0 votes7 answers -
Адаптивная верстка
Здравствуйте, я бы хотел кое-что для себя прояснить. Веб начал осваивать можно сказать на днях, и наткнулся в интернете на такое понятие как адаптивная верстка. Вот меня мучает такой вопрос - нужна ли сейчас кому-либо фиксированная верстка или же сейчас все требуют адаптивную. То есть нужно ли мне практиковаться в фиксированной верстке, либо начать осваивать адаптивную? Кто регулярно верстает макеты просьба поделиться информацией, и подсказать какие-нибудь хорошие источники по данной теме. Спасибо всем за внимание.
0 votes3 answers -
Откуда margin, который не описан в стилях инструментов разработчика Хром?
Здравствуйте! На странице если открыть какое-либо изображение товара, то у элемента <div id="fancybox-content" style="border-width: 10px; width: 570px; height: 570px;"> видно что есть margin, который не отображается в инструментах разработчика Хрома, но присутствует фактически. Похоже, что скрипт для fancybox. Если присмотреться, то происходит сдвиг в момент открытия фотки. Есть ли у вас идеи, как это можно исправить, по возможности без ковыряния скрипта fancybox?
0 votes1 answer -
Сетка
Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?
0 votes23 answers -
checkbox ссылка
Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelny…
0 votes18 answers -
Слетают стили при заливке на хостинг
При просмотре сайта локально на компе все хорошо, но пи заливке на хостинг все расползается и стили не видны, возможно и скрипты. Можете подсказать в чем проблема? если в адресе, то где и на что его поменять нужно? ссылка на сайт: http://proleading.ru/ ссылка на папку на хостинге, в которой лежит index и папки (css, fonts, images, scripts): /home/furniturei/domains/proleading.ru/public_html/
0 votes10 answers -
Адаптивный дизайн
Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…
0 votes4 answers -
Не работает буква "б" в хроме при вводе тегов с фронта
Здравствуйте. Возникла интересная проблема. В хроме при вводе тегов на странице не вводится буква "б". Ведёт себя как enter. http://joxi.ru/L21jZw0Sk6dOAX Везде всё хорошо. Буду рада, если кто-то подскажет
0 votes3 answers -
Адаптивные темы Друпал
Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net
0 votes10 answers -
responsive
Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос. Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скри…
0 votes5 answers -
не отображаются цифры на айфоне!
Всем привет! Пожалуйста, помогите! Вот сайт: revo-test.tk/leng , на пятом айфоне в браузере safari в блоке "контакты" почему-то не отображаются абзацы с цифрами, слова отображаются без проблем! На всех десктопных браузерах, на андроиде, даже в хроме на айфоне - всё пучком... Уже голову сломал, может, посоветуете что? Заранее спасибо!
0 votes2 answers -
Рамка у <input type="image">
Подскажите, пожалуйста как убрать рамочку у кнопки. Работаю с cms DLE. Справа от меню в поиске у меня кнопка с изображением лупы <input title="Найти" alt=" " type="image" />. Пробовала убрать с помощью border, outline, box-shadow: none; не дает результата. Отладчик показывает, что стили действуют, а визуально рамка есть. Подскажите, где причина. Вот ссылка http://brinjal.ru/
0 votes5 answers -
Cглаживание градиента и трансформа в хроме
Что-то в последнее время сталкиваюсь со странными поведением Хрома в части сглаживания графики. Например вот: http://jsfiddle.net/og3mpxms/2/ Результат вот http://joxi.ru/D2PjL0XsNBM0r3 В Хороме - зубчатая пиксельная пилка, в ФФ и ИЕ(!) - все отлично. Тоже самое наблюдается и при трансформации, например - квадрата в ромб. Что за беда, кто сталкивался? Как лечить?
0 votes3 answers -
flex-grow
В теории сказано, если 1 элементу задать flex-grow: 2, то он будет в 2 раза длиннее остальных, но почему он, начинает занимать всю оставшуюся длину? http://jsfiddle.net/u0xgxo2q/
0 votes10 answers -
Растяжение div на всю строку. Как убрать рамку?
Дорогие мои и уважаемые программисты. Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку: .new { /*border: 2px solid fuchsia;*/ overflow: hidden; float: left; } нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину? Почему рамка влияет на растяжение другого div? https://jsfiddle.net/upzfr4q5/
0 votes9 answers -
нужен плагин - менюшка для бутстрапа
типа такого : https://jsfiddle.net/m82bbn7k/2/ адаптивный со смещением контента (как на ютубе) и без (как на гугл плэй) как называется такой элемент интерфейса? зы когда то на википедии в статье по бутстрапу была ссылка на домашнюю страницу какого то чувака с кучей плагинов и там был искомый плагин но сейчас ссылку убрали
0 votes1 answer -
Адаптивная верска и размер шрифта
Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…
0 votes7 answers -
Оптимальный стиль описания вложенности тегов
Здравствуйте! Подскажите, пожалуйста, какой из двух вариантов написания вложенности является оптимальным и почему: 1. div.block > div > p 2. p.name Заранее благодарю за ответ!
0 votes5 answers -
как правильно позиционировать фото
Добрый день ! есть сайт http://front-end.zz.mu/example/на котором должно выглидеть так как на фото а он у меня разваливается можете подсказать что я сделал не так ?
0 votes1 answer -
Посоветуйте слайдер
по типу такого, чтобы был на всю ширину сайта, можете посоветовать плагины?
0 votes5 answers -
div - нет полосы прокрутки на смартфоне
есть div у него overflow: scroll; на ff и хроме работает (как работает на хромовском эмуляторе мобильных экранов) но не работает на моем старом смартфоне(fly iq 255, android 2.3.6) на стандартном андроивском браузере как быть? чо делать ? iframe крайне не желателен!!!
0 votes0 answers -
Вёрстка чата похожего на VK
При создании чата похожего на VK столкнулся с проблемами: 1) как сделать чтобы полоса прокрутки была не в самом блоке с сообщениями, а для всего документа, как в вк. 2) держать эту прокрутку снизу(ну это уже скорее js)
0 votes0 answers -
как это сделать
http://joxi.ru/bmoV1pLIL5Y7ry селект выпадающий, но в нем может быть сколько угодна option проблема в том, что это карусель и соответственно у обертки стоит overflow: hidden; как можно это обойти?
0 votes3 answers -
bootstrap адаптивная верстка
разобрался )
0 votes0 answers