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
29542 questions in this forum
-
Правильная кодировка для мобильных сайтов
Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.
0 votes6 answers -
Конфликт скролла до якоря и стики блока
Здравтствуйте. Возникла проблема на странице. Не скролит до якоря и не прилипает блок http://joxi.ru/l2ZVgjNsQ5vw2J страница http://kates.cc.ua/find-employee.html Можете помочь или посоветовать?
0 votes3 answers -
Чтобы скрипт не создавал полосу прокрутки
Здравствуйте! Столкнулась с такой проблемой: установила скрипт воздушных шариков на странице подарков за первый комментарий, а скрипт создает вертикальную полосу прокрутки и передергивает страницу из стороны в сторону. Передергивания убрала тем, что добавила в стили: html {overflow-y: scroll;} Но полосу прокрутки не смогла убрать. Если отключаю в стилях полосу прокрутки, то ее нет и на мобильных устройствах. Мне такой вариант не подходит, ведь шаблон страницы адаптивный. Как сделать так, чтобы скрипт не создавал полосу прокрутки, но чтобы она оставалась на мобильных? Код скрипта: <script type="text/javascript"><!-- var ballmax = 10; var sinkspeed = 0.6; …
0 votes1 answer -
Как убрать margin-bottom при наличии соседа
Здравствуйте. Такая проблема - не понимаю, как сверстать такой макет: <div class="parent"> <div class="first">Lorem ipsum blah blah blah</div> <div class="second">Something</div></div><div class="parent"> <div class="first">Lorem ipsum blah blah blah</div></div>Задача: при наличии .second у .first должен исчезать margin-bottom. .second может не быть, при его отсутствии first должен корректно распирать родителя. Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/ Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?
0 votes2 answers -
Создание почти слайдера на CSS
Задача такая, есть 3-и ссылки, каждая из этих ссылок относиться к своему контенту, необходимо что бы при нажатии на ссылку показывался необходимый контент.Реализовать все посредством css и желательно не фиксированной высоты. У меня есть вот такая штука пример работы, но я столкнулся с такими проблемами. 1) Блок "green" имея свою высоту вылазит за пределы "wrapper". 2)При клике по одному из блоков, теряется фокус на ссылке и блоки меняются на default. Как можно это реализовать?Пробовал через "display", но чет как то тоже не задалось.
0 votes4 answers -
Помогите начинающему!
Добрый день, необходима сделать вот такой выпадающий список и выпадающее меню с описанием выбранного чекбокса. Кто нибудь подскажите, как это сделать или в каком направлении рыть инфо???? Спасибо.
0 votes1 answer -
Помогите пожалуйста!
Нужно чтобы ссылки title не занимали всю красную зонну, а только под текстом.
0 votes1 answer -
Создать оттенок на картинке
Как средставми css создать отенки на изображении?
0 votes4 answers -
Убрать тайтл картинки
Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?
0 votes1 answer -
Как расчитать высоту шрифта ?
на картинке div со стилями height:50px; (нужная высота) font-size:50px; последняя буква это буква g которая видна не полностью можно как нибудь сделать так чтобы шрифт растягивался по высоте?
0 votes2 answers -
Создание 3D эффекта.
Итак, потребовалась ваша помощь, Верстаю сейчас макет, мне необходим ваш совет. У меня есть два блока, причем один вложен в другой. Как мне создать КРОССБРАУЗЕРНЫЙ эффект "приподнятости" на дивом-ролителем? Вот код блоков: <div class="parent"> <div class="child"> lorem ipsum dolor sit amet </div> </div>
0 votes6 answers -
Убрать увеличение длины элемента при увеличении font-weight
имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…
0 votes4 answers -
проблема с валидацией
У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))
0 votes2 answers -
Проблему верстки в IE
Здраствуйте!Я начинающий верстальщик)Создал сайт аниме тематики просмотрел сайт вробед как-то все показывает все нормально))Но осел и в африке осел))Вопрос почему каринку указанные в css коде не показывают в IE?))Заранее спсибо) Ссылка на сайт P.SДублировал тему так как старая находится где-то далеко,а решить эту проблему надо срочно..Ребят проблема действительно для не меня не выполнима..перепробывал все)плииз помогите!
0 votes4 answers -
Двух уровневое меню
Добрый день. Подскажите, пожалуйста, как можно сделать двух уровневое меню при помощи nav?
0 votes2 answers -
Как правильно задать margin в процентах
Здравствуйте. Подскажите, как правильно сделать отступ сверху в процентах? http://fotki.yandex.ru/users/shurik330330/622016/?page=0 На скриншоте пример. Красную линию я выровнял с помощью margin-top:50%; Но на 50% это не похоже. Разрешение монитора 50%. Если можно, то ссылки на мануал. Заранее спасибо.
0 votes4 answers -
Убрать высоту
Привет. Столкнулся с проблемой при создании одностраничника. Убираю фикс. высоту у блока content и ... http://vgolovanov.ru/test123/ у кого есть Firebug, отключите высоту и посмотрите что происходит. В чём я допустил ошибку?
0 votes4 answers -
HTML + enter
Cтолкнулся с тем, что когда формат. констр. ul>li*5>a браузер создавал пробелы между inline списками, если на конце li был перенос строки - enter, а если не было, то и на странице пробел пропадал,(когда весь код в строчку) логично вроде бы, но мне так не кажется. Потому что я не планировал, допустим, ставить пробелы между списками, код должен быть читабельным, а не идти в строчку. Но отсуда и вопрос, как управлять этими пробелами? собственно код: http://jsbin.com/ogiPEgiS/23/edit
0 votes1 answer -
Выравнивание элемента под изображением
Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.
0 votes5 answers -
Кто как стилизует select?
Собственно сабж. Что бы руки у сидящих в w3c сломались. Использую вариант с appearance: none; может есть у кого решения получше?
0 votes6 answers -
Друзья, требуется помощь. проблема с отображением в ie
Привет! Есть список, который корректно отображается везде кроме ie. вот скрин http://joxi.ru/LVm6MYzfDMl6rZ . Вот страница http://root.donkos.esy.es/card.html . Уже сломал всю голову. Подскажите как исправить для ie (версии выше 9). Заранее благодарен!
0 votes2 answers -
Вёрстка чата похожего на VK
При создании чата похожего на VK столкнулся с проблемами: 1) как сделать чтобы полоса прокрутки была не в самом блоке с сообщениями, а для всего документа, как в вк. 2) держать эту прокрутку снизу(ну это уже скорее js)
0 votes0 answers -
Как расположить неизвестное число блоков <div> всегда в одну строку?
Здравствуйте Есть такая разметка: <div class="your-class"> <div class="element">your content</div> <div class="element">your content</div> <div class="element">your content</div> ... <div class="element">your content</div> </div> количество дивов внутри заранее не известно и может быть очень большим. Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий
0 votes2 answers -
Не работает обратная связь
Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо
0 votes1 answer -
помогите с кнопками, пожалуйста!
привет, можешь помочь чуть чуть) есть такой сайт Мир-климата-брянск.рф там есть 3 кнопки справа и одна слева типо бесплатный замер, <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> <a class="but" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%B0%D0%BA%D1%86%D0%B8%D0%B8/">Акции</a> <a class="bat" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BD%D0%B0%D1%88%D0%B8-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B/">Наши…
0 votes1 answer